Colour

#20DDFF

#20DDFF
Cyan
Light
Nearest: Dark turquoise

#20DDFF is a cyan with RGB values 32, 221, 255 and HSL 189°, 100%, 56%. It is a light colour, so black text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#20DDFF#20DDFF

HEX#20DDFF

RGBrgb(32, 221, 255)

RGB (0–1)0.1255, 0.8667, 1

RGB percentages12.5%, 86.7%, 100%

HSLhsl(189.1, 100%, 56.3%)

HSV / HSBhsv(189.1, 87.5%, 100%)

CMYK87.5%, 13.3%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,153,983

CSS custom property--colour: #20DDFF;

Brightness & contrast

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

Perceived brightness190.8 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.85:1

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

Contrast with black12.85:1WCAG normal text: AAA

Greyscale equivalent#B7B7B7

Inverted#DF2200

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

Contrast with white, large text1.63:1WCAG large text: Fail

Contrast with black, large text12.85:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 18.5 Sky blue · ΔE 18.6 Light skyblue · ΔE 20.9 Deep skyblue · ΔE 21.5 Medium turquoise · ΔE 21.7 Aqua · ΔE 24

Nearest named CSS colourDark turquoise (#00CED1)ΔE 18.47, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FF4220

Analogous#20FFB2, #206DFF

Triadic#FF20DD, #DDFF20

Split complementary#FF206D, #FFB220

Tetradic#B220FF, #FF4220, #6EFF20

Tints, shades & saturation

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

Lighter +40%#ECFCFF

Lighter +30%#B9F4FF

Lighter +20%#86EDFF

Lighter +10%#53E5FF

Darker −10%#00C8EC

Darker −20%#009DB9

Darker −30%#007286

Darker −40%#004653

More saturated +25%#20DDFF

Less saturated −25%#3CCAE3

Channel breakdown

R32

G221

B255

Red32 (12.5%)

Green221 (86.7%)

Blue255 (100%)

Hue189.15°

Saturation (HSL)100%

Lightness56.27%

Dominant channelBlue

Hex per channelR 20 · G DD · B FF

Keep nerding

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

#20DDFF

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