#21AB3C

#21AB3C

Color Values

HEX

#21AB3C

RGB

33, 171, 60

HSL

131.7, 67.6%, 40.0%

HSV

131.7, 80.7%, 67.1%

CMYK

80.7%, 0.0%, 64.9%, 32.9%

OKLCH

0.6487 0.1887 145.6

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#21AB3C

#AB2190

Analogous

#4BAB21

#21AB81

#21AB3C

Triadic

#21AB3C

#3C21AB

#AB3C21

Split Complementary

#21AB3C

#8121AB

#AB214B

Tetradic

#21AB3C

#214BAB

#AB2190

#AB8121

Color Blindness Simulation

Original

#21AB3C

Protanopia

#5D5E57

Deuteranopia

#554A5D

Tritanopia

#286C71

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F3FCF5
100
#E3F7E7
200
#C3F3CD
300
#98EBA9
400
#61E07A
500
#29D64B
600
#21AB3C
700
#1A8930
800
#156B25
900
#134E1E
950
#0C3113

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.96:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026