Colour

#20B1DD

#20B1DD
Cyan
Dark
Nearest: Deep skyblue

#20B1DD is a cyan with RGB values 32, 177, 221 and HSL 194°, 75%, 50%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#20B1DD#20B1DD

HEX#20B1DD

RGBrgb(32, 177, 221)

RGB (0–1)0.1255, 0.6941, 0.8667

RGB percentages12.5%, 69.4%, 86.7%

HSLhsl(194, 74.7%, 49.6%)

HSV / HSBhsv(194, 85.5%, 86.7%)

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

24-bit integer2,142,685

CSS custom property--colour: #20B1DD;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.39:1

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

Contrast with black8.39:1WCAG normal text: AAA

Greyscale equivalent#959595

Inverted#DF4E22

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#99ADDFno red cones; affects about 1% of men; ΔE 26.2 from the original

Deuteranopia#819CDCno green cones; the most common form, about 1% of men; ΔE 27.9 from the original

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

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

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

Contrast with black, large text8.39:1WCAG large text: AAA

Named colours

Deep skyblue · ΔE 12 Light skyblue · ΔE 16.4 Sky blue · ΔE 17.3 Steel blue · ΔE 22.4 Cadetblue · ΔE 25.6 Dark turquoise · ΔE 28

Nearest named CSS colourDeep skyblue (#00BFFF)ΔE 11.97, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DD4C20

Analogous#20DDAB, #2052DD

Triadic#DD20B1, #B1DD20

Split complementary#DD2053, #DDAB20

Tetradic#AA20DD, #DD4C20, #52DD20

Tints, shades & saturation

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

Lighter +40%#D1EFF8

Lighter +30%#A4E0F2

Lighter +20%#78D0EB

Lighter +10%#4BC1E5

Darker −10%#1A8DB0

Darker −20%#136A84

Darker −30%#0D4657

Darker −40%#06222B

More saturated +25%#00C2FD

Less saturated −25%#40A0BD

Channel breakdown

R32

G177

B221

Red32 (12.5%)

Green177 (69.4%)

Blue221 (86.7%)

Hue193.97°

Saturation (HSL)74.7%

Lightness49.61%

Dominant channelBlue

Hex per channelR 20 · G B1 · B DD

Keep nerding

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

#20B1DD

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