Nerdulator> put something in

Recognised as Colour

#33B4A3

  • #33B4A3
  • Cyan
  • Dark
  • Nearest: Light seagreen

#33B4A3 is a cyan with RGB values 51, 180, 163 and HSL 172°, 56%, 45%. It is a dark colour, so black text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#33B4A3#33B4A3
HEX#33B4A3
RGBrgb(51, 180, 163)
RGB (0–1)0.2, 0.7059, 0.6392
RGB percentages20%, 70.6%, 63.9%
HSLhsl(172.1, 55.8%, 45.3%)
HSV / HSBhsv(172.1, 71.7%, 70.6%)
CMYK71.7%, 0%, 9.4%, 29.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,388,579
CSS custom property--colour: #33B4A3;

Brightness & contrast

Relative luminance0.35991WCAG 2.x, 0 is black and 1 is white
Perceived brightness151.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.2:1
Contrast with white2.56:1WCAG normal text: Fail
Contrast with black8.2:1WCAG normal text: AAA
Greyscale equivalent#979797
Inverted#CC4B5C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#ACA9A2no red cones; affects about 1% of men; ΔE 38.6 from the original
Deuteranopia#9A9CA5no green cones; the most common form, about 1% of men; ΔE 39.6 from the original
Tritanopia#00B7AFno blue cones; rare, and affects men and women equally; ΔE 5.9 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.56:1WCAG large text: Fail
Contrast with black, large text8.2:1WCAG large text: AAA

Named colours

Light seagreen · ΔE 5.1Medium turquoise · ΔE 12.6Medium aquamarine · ΔE 13.3Dark turquoise · ΔE 15.1Turquoise · ΔE 16.1Dark cyan · ΔE 18
Nearest named CSS colourLight seagreen (#20B2AA)ΔE 5.1, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B43344
Analogous#33B462, #3385B4
Triadic#A333B4, #B4A333
Split complementary#B43385, #B46233
Tetradic#6233B4, #B43344, #85B433

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#C5EEE9
Lighter +30%#9DE3DA
Lighter +20%#75D8CB
Lighter +10%#4DCDBC
Darker −10%#288C7F
Darker −20%#1C655B
Darker −30%#113D37
Darker −40%#061513
More saturated +25%#16D1B8
Less saturated −25%#50978E

Channel breakdown

R51
G180
B163
Red51 (20%)
Green180 (70.6%)
Blue163 (63.9%)
Hue172.09°
Saturation (HSL)55.84%
Lightness45.29%
Dominant channelGreen
Hex per channelR 33 · G B4 · B A3

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “33b4a3” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.