#20EC22

#20EC22

Color Values

HEX

#20EC22

RGB

32, 236, 34

HSL

120.6, 84.3%, 52.5%

HSV

120.6, 86.4%, 92.5%

CMYK

86.4%, 0.0%, 85.6%, 7.5%

OKLCH

0.8197 0.2694 142.7

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#20EC22

#EC20EA

Analogous

#84EC20

#20EC88

#20EC22

Triadic

#20EC22

#2220EC

#EC2220

Split Complementary

#20EC22

#8820EC

#EC2084

Tetradic

#20EC22

#2084EC

#EC20EA

#EC8820

Color Blindness Simulation

Original

#20EC22

Protanopia

#787A53

Deuteranopia

#6C5D5F

Tritanopia

#2A7A82

Achromatopsia

#B2B2B2

CSS Usage

background-color: #20EC22;
color: #20EC22;
border-color: #20EC22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E0FAE1
200
#BDF9BE
300
#8EF58F
400
#51F053
500
#14EB16
600
#10BC12
700
#0D960E
800
#0A750B
900
#0C550C
950
#073608

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.08:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026