Skip to main content
ToolsHub
#20E9A6

#20E9A6 Color — #20E9A6

Complete color reference for #20E9A6: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#20E9A6
RGBrgb(32, 233, 166)
HSLhsl(160, 82%, 52%)
HSVhsv(160, 86%, 91%)
CMYKC:86% M:0% Y:29% K:9%
CSS Color#20E9A6
Decimal2156966
Luminance0.6134

WCAG Accessibility Contrast

#20E9A6 on White
Ratio: 1.58:1 — Fail
#20E9A6 on Black
Ratio: 13.27:1 — AAA
White on #20E9A6
Ratio: 1.58:1 — Fail
Black on #20E9A6
Ratio: 13.27:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F4FEFB
100#DEFCF2
200#BCF8E4
300#9BF5D7
400#6EF1C5
500#20E9A6
600#1ABA85
700#138C64
800#0D5D42
900#083A2A

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #20E9A6?

The RGB equivalent is rgb(32, 233, 166). The red channel is 32, green is 233, and blue is 166 (scale 0–255).

What is the HSL value of #20E9A6?

The HSL value is hsl(160, 82%, 52%). Hue is 160°, saturation is 82%, and lightness is 52%.

Does #20E9A6 meet WCAG accessibility standards?

On a white background, #20E9A6 achieves a 1.58:1 contrast ratio (Fail). On a black background it achieves 13.27:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #20E9A6?

The complementary color (180° opposite on the hue wheel) of #20E9A6 is #E92063.