Skip to main content
ToolsHub
#20E942

#20E942 Color — #20E942

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

Color Format Conversions

HEX#20E942
RGBrgb(32, 233, 66)
HSLhsl(130, 82%, 52%)
HSVhsv(130, 86%, 91%)
CMYKC:86% M:0% Y:72% K:9%
CSS Color#20E942
Decimal2156866
Luminance0.5898

WCAG Accessibility Contrast

#20E942 on White
Ratio: 1.64:1 — Fail
#20E942 on Black
Ratio: 12.8:1 — AAA
White on #20E942
Ratio: 1.64:1 — Fail
Black on #20E942
Ratio: 12.8:1 — AAA

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

Shades & Tints Scale

50#F4FEF6
100#DEFCE3
200#BCF8C6
300#9BF5AA
400#6EF184
500#20E942
600#1ABA35
700#138C28
800#0D5D1A
900#083A11

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 #20E942?

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

What is the HSL value of #20E942?

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

Does #20E942 meet WCAG accessibility standards?

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

What is the complementary color of #20E942?

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