#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026