Colour

#20DFBE

#20DFBE
Cyan
Light
Nearest: Turquoise

#20DFBE is a cyan with RGB values 32, 223, 190 and HSL 170°, 75%, 50%. It is a light colour, so black text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#20DFBE#20DFBE

HEX#20DFBE

RGBrgb(32, 223, 190)

RGB (0–1)0.1255, 0.8745, 0.7451

RGB percentages12.5%, 87.5%, 74.5%

HSLhsl(169.6, 74.9%, 50%)

HSV / HSBhsv(169.6, 85.7%, 87.5%)

CMYK85.7%, 0%, 14.8%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,154,430

CSS custom property--colour: #20DFBE;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.36:1

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

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

Greyscale equivalent#B4B4B4

Inverted#DF2041

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Turquoise · ΔE 10.7 Medium aquamarine · ΔE 14.5 Aquamarine · ΔE 14.6 Medium turquoise · ΔE 18.8 Dark turquoise · ΔE 21.2 Aqua · ΔE 21.3

Nearest named CSS colourTurquoise (#40E0D0)ΔE 10.73, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DF2041

Analogous#20DF5F, #20A0DF

Triadic#BE20DF, #DFBE20

Split complementary#DF20A0, #DF5F20

Tetradic#5F20DF, #DF2041, #A0DF20

Tints, shades & saturation

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

Lighter +40%#D2F9F2

Lighter +30%#A6F2E5

Lighter +20%#79ECD8

Lighter +10%#4DE5CB

Darker −10%#1AB298

Darker −20%#138672

Darker −30%#0D594C

Darker −40%#062D26

More saturated +25%#00FFD3

Less saturated −25%#40BFA9

Channel breakdown

R32

G223

B190

Red32 (12.5%)

Green223 (87.5%)

Blue190 (74.5%)

Hue169.63°

Saturation (HSL)74.9%

Lightness50%

Dominant channelGreen

Hex per channelR 20 · G DF · B BE

Keep nerding

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

#20DFBE

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