Colour

#20F4CF

#20F4CF
Cyan
Light
Nearest: Aquamarine

#20F4CF is a cyan with RGB values 32, 244, 207 and HSL 170°, 91%, 54%. It is a light colour, so black text on it reaches 14.9:1 contrast (AAA for normal text). The nearest named colour is Aquamarine.

Colour values

#20F4CF#20F4CF

HEX#20F4CF

RGBrgb(32, 244, 207)

RGB (0–1)0.1255, 0.9569, 0.8118

RGB percentages12.5%, 95.7%, 81.2%

HSLhsl(169.5, 90.6%, 54.1%)

HSV / HSBhsv(169.5, 86.9%, 95.7%)

CMYK86.9%, 0%, 15.2%, 4.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,159,823

CSS custom property--colour: #20F4CF;

Brightness & contrast

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

Perceived brightness200.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.9:1

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

Contrast with black14.9:1WCAG normal text: AAA

Greyscale equivalent#C4C4C4

Inverted#DF0B30

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text14.9:1WCAG large text: AAA

Named colours

Aquamarine · ΔE 12.5 Turquoise · ΔE 15.3 Aqua · ΔE 20.5 Cyan · ΔE 20.5 Medium aquamarine · ΔE 20.8 Medium turquoise · ΔE 24.3

Nearest named CSS colourAquamarine (#7FFFD4)ΔE 12.47, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F42045

Analogous#20F465, #20AFF4

Triadic#CF20F4, #F4CF20

Split complementary#F420AF, #F46520

Tetradic#6520F4, #F42045, #AFF420

Tints, shades & saturation

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

Lighter +40%#E2FEF9

Lighter +30%#B2FBEE

Lighter +20%#81F9E4

Lighter +10%#51F6D9

Darker −10%#0BD6B3

Darker −20%#08A68A

Darker −30%#067562

Darker −40%#034539

More saturated +25%#15FFD6

Less saturated −25%#3DD7BC

Channel breakdown

R32

G244

B207

Red32 (12.5%)

Green244 (95.7%)

Blue207 (81.2%)

Hue169.53°

Saturation (HSL)90.6%

Lightness54.12%

Dominant channelGreen

Hex per channelR 20 · G F4 · B CF

Keep nerding

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

#20F4CF

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