#21AB49

#21AB49

Color Values

HEX

#21AB49

RGB

33, 171, 73

HSL

137.4, 67.6%, 40.0%

HSV

137.4, 80.7%, 67.1%

CMYK

80.7%, 0.0%, 57.3%, 32.9%

OKLCH

0.6502 0.1784 147.7

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#21AB49

#AB2183

Analogous

#3EAB21

#21AB8E

#21AB49

Triadic

#21AB49

#4921AB

#AB4921

Split Complementary

#21AB49

#8E21AB

#AB213E

Tetradic

#21AB49

#213EAB

#AB2183

#AB8E21

Color Blindness Simulation

Original

#21AB49

Protanopia

#5D5E61

Deuteranopia

#554A66

Tritanopia

#287378

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F7E9
200
#C3F3D1
300
#98EBB0
400
#61E086
500
#29D65B
600
#21AB49
700
#1A893A
800
#156B2E
900
#134E24
950
#0C3117

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.99: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