Colour

#20D6D7

#20D6D7
Cyan
Light
Nearest: Dark turquoise

#20D6D7 is a cyan with RGB values 32, 214, 215 and HSL 180°, 74%, 48%. It is a light colour, so black text on it reaches 11.7:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#20D6D7#20D6D7

HEX#20D6D7

RGBrgb(32, 214, 215)

RGB (0–1)0.1255, 0.8392, 0.8431

RGB percentages12.5%, 83.9%, 84.3%

HSLhsl(180.3, 74.1%, 48.4%)

HSV / HSBhsv(180.3, 85.1%, 84.3%)

CMYK85.1%, 0.5%, 0%, 15.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,152,151

CSS custom property--colour: #20D6D7;

Brightness & contrast

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

Perceived brightness180.2 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.66:1

Contrast with white1.8:1WCAG normal text: Fail

Contrast with black11.66:1WCAG normal text: AAA

Greyscale equivalent#AFAFAF

Inverted#DF2928

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#AFBAD8no green cones; the most common form, about 1% of men; ΔE 43.3 from the original

Tritanopia#00DDD6no 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 text1.8:1WCAG large text: Fail

Contrast with black, large text11.66:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 3 Medium turquoise · ΔE 5.5 Turquoise · ΔE 9.8 Light seagreen · ΔE 14.1 Aqua · ΔE 15.1 Cyan · ΔE 15.1

Nearest named CSS colourDark turquoise (#00CED1)ΔE 2.98, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D72120

Analogous#20D77C, #207BD7

Triadic#D720D6, #D6D720

Split complementary#D7207A, #D77C20

Tetradic#7D20D7, #D72120, #7BD720

Tints, shades & saturation

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

Lighter +40%#CCF7F7

Lighter +30%#9FF0F1

Lighter +20%#73E9EA

Lighter +10%#46E3E4

Darker −10%#19AAAB

Darker −20%#137E7E

Darker −30%#0C5152

Darker −40%#062525

More saturated +25%#01F5F6

Less saturated −25%#3FB7B8

Channel breakdown

R32

G214

B215

Red32 (12.5%)

Green214 (83.9%)

Blue215 (84.3%)

Hue180.33°

Saturation (HSL)74.09%

Lightness48.43%

Dominant channelBlue

Hex per channelR 20 · G D6 · B D7

Keep nerding

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

#20D6D7

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