#21A034

#21A034

Color Values

HEX

#21A034

RGB

33, 160, 52

HSL

129,0, 65,8%, 37,8%

HSV

129,0, 79,4%, 62,7%

CMYK

79,4%, 0,0%, 67,5%, 37,3%

OKLCH

0,6177 0,1817 144,9

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#21A034

#A0218D

Analogous

#4DA021

#21A073

#21A034

Triadic

#21A034

#3421A0

#A03421

Split Complementary

#21A034

#7321A0

#A0214D

Tetradic

#21A034

#214DA0

#A0218D

#A07321

Color Blindness Simulation

Original

#21A034

Protanopia

#58594E

Deuteranopia

#514754

Tritanopia

#276367

Achromatopsia

#7D7D7D

CSS Usage

background-color: #21A034;
color: #21A034;
border-color: #21A034;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF4
100
#E3F7E6
200
#C4F3CB
300
#9AEAA6
400
#63DF75
500
#2CD345
600
#23A937
700
#1C872C
800
#166A22
900
#144D1C
950
#0C3112

Contrast Checker

Text on white

3,42:1

AA Fail AAA Fail

Text on black

6,14:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026