Recognised as Colour

#33AAA0

#33AAA0
Cyan
Dark
Nearest: Light seagreen

#33AAA0 is a cyan with RGB values 51, 170, 160 and HSL 175°, 54%, 43%. It is a dark colour, so black text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#33AAA0#33AAA0

HEX#33AAA0

RGBrgb(51, 170, 160)

RGB (0–1)0.2, 0.6667, 0.6275

RGB percentages20%, 66.7%, 62.7%

HSLhsl(175, 53.8%, 43.3%)

HSV / HSBhsv(175, 70%, 66.7%)

CMYK70%, 0%, 5.9%, 33.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,386,016

CSS custom property--colour: #33AAA0;

Brightness & contrast

Relative luminance0.31991WCAG 2.x, 0 is black and 1 is white

Perceived brightness143.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.4:1

Contrast with white2.84:1WCAG normal text: Fail

Contrast with black7.4:1WCAG normal text: AAA

Greyscale equivalent#909090

Inverted#CC555F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A1A1A0no red cones; affects about 1% of men; ΔE 34.9 from the original

Deuteranopia#9094A1no green cones; the most common form, about 1% of men; ΔE 36 from the original

Tritanopia#00AEA7no blue cones; rare, and affects men and women equally; ΔE 4.6 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text2.84:1WCAG large text: Fail

Contrast with black, large text7.4:1WCAG large text: AAA

Named colours

Light seagreen · ΔE 4.3 Dark cyan · ΔE 12.7 Medium turquoise · ΔE 14.4 Cadetblue · ΔE 15.4 Dark turquoise · ΔE 16 Teal · ΔE 16.7

Nearest named CSS colourLight seagreen (#20B2AA)ΔE 4.31, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#AA333D

Analogous#33AA64, #3379AA

Triadic#A033AA, #AAA033

Split complementary#AA3379, #AA6433

Tetradic#6433AA, #AA333D, #79AA33

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#BEEBE8

Lighter +30%#96E0D9

Lighter +20%#6FD4CB

Lighter +10%#48C8BD

Darker −10%#27837B

Darker −20%#1B5C56

Darker −30%#103431

Darker −40%#040D0C

More saturated +25%#17C6B7

Less saturated −25%#4F8E89

Channel breakdown

R51

G170

B160

Red51 (20%)

Green170 (66.7%)

Blue160 (62.7%)

Hue174.96°

Saturation (HSL)53.85%

Lightness43.33%

Dominant channelGreen

Hex per channelR 33 · G AA · B A0

Keep nerding

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

#33AAA0

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else