#21AA31

#21AA31

Color Values

HEX

#21AA31

RGB

33, 170, 49

HSL

127.0, 67.5%, 39.8%

HSV

127.0, 80.6%, 66.7%

CMYK

80.6%, 0.0%, 71.2%, 33.3%

OKLCH

0.6449 0.1951 144.2

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#21AA31

#AA219A

Analogous

#56AA21

#21AA75

#21AA31

Triadic

#21AA31

#3121AA

#AA3121

Split Complementary

#21AA31

#7521AA

#AA2156

Tetradic

#21AA31

#2156AA

#AA219A

#AA7521

Color Blindness Simulation

Original

#21AA31

Protanopia

#5C5E4E

Deuteranopia

#544A55

Tritanopia

#28656A

Achromatopsia

#848484

CSS Usage

background-color: #21AA31;
color: #21AA31;
border-color: #21AA31;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C3F3C9
300
#98EBA2
400
#61E070
500
#29D63E
600
#21AB31
700
#1B8927
800
#156B1F
900
#134E1A
950
#0C3110

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.86:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026