Colour

#20BDCF

#20BDCF
Cyan
Dark
Nearest: Dark turquoise

#20BDCF is a cyan with RGB values 32, 189, 207 and HSL 186°, 73%, 47%. It is a dark colour, so black text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#20BDCF#20BDCF

HEX#20BDCF

RGBrgb(32, 189, 207)

RGB (0–1)0.1255, 0.7412, 0.8118

RGB percentages12.5%, 74.1%, 81.2%

HSLhsl(186.2, 73.2%, 46.9%)

HSV / HSBhsv(186.2, 84.5%, 81.2%)

CMYK84.5%, 8.7%, 0%, 18.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,145,743

CSS custom property--colour: #20BDCF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.24:1

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

Contrast with black9.24:1WCAG normal text: AAA

Greyscale equivalent#9D9D9D

Inverted#DF4230

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#95A5CFno green cones; the most common form, about 1% of men; ΔE 35.6 from the original

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

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

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

Contrast with black, large text9.24:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 11.8 Medium turquoise · ΔE 14.6 Light seagreen · ΔE 15.6 Sky blue · ΔE 18.9 Cadetblue · ΔE 19.4 Dark cyan · ΔE 21.2

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CF3220

Analogous#20CF89, #2066CF

Triadic#CF20BD, #BDCF20

Split complementary#CF2065, #CF8A20

Tetradic#8A20CF, #CF3220, #65CF20

Tints, shades & saturation

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

Lighter +40%#C5F1F6

Lighter +30%#99E6EF

Lighter +20%#6DDCE8

Lighter +10%#40D1E2

Darker −10%#1995A3

Darker −20%#126C77

Darker −30%#0C444A

Darker −40%#051C1E

More saturated +25%#02D5ED

Less saturated −25%#3EA5B1

Channel breakdown

R32

G189

B207

Red32 (12.5%)

Green189 (74.1%)

Blue207 (81.2%)

Hue186.17°

Saturation (HSL)73.22%

Lightness46.86%

Dominant channelBlue

Hex per channelR 20 · G BD · B CF

Keep nerding

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

#20BDCF

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