#21AB47

#21AB47

Color Values

HEX

#21AB47

RGB

33, 171, 71

HSL

136.5, 67.6%, 40.0%

HSV

136.5, 80.7%, 67.1%

CMYK

80.7%, 0.0%, 58.5%, 32.9%

OKLCH

0.65 0.1801 147.3

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#21AB47

#AB2185

Analogous

#40AB21

#21AB8C

#21AB47

Triadic

#21AB47

#4721AB

#AB4721

Split Complementary

#21AB47

#8C21AB

#AB2140

Tetradic

#21AB47

#2140AB

#AB2185

#AB8C21

Color Blindness Simulation

Original

#21AB47

Protanopia

#5D5E5F

Deuteranopia

#554A65

Tritanopia

#287276

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F3FCF5
100
#E3F7E9
200
#C3F3D0
300
#98EBAF
400
#61E084
500
#29D659
600
#21AB47
700
#1A8939
800
#156B2C
900
#134E23
950
#0C3116

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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