#21C674

#21C674

Color Values

HEX

#21C674

RGB

33, 198, 116

HSL

150.2, 71.4%, 45.3%

HSV

150.2, 83.3%, 77.6%

CMYK

83.3%, 0.0%, 41.4%, 22.4%

OKLCH

0.7289 0.1739 154.6

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#21C674

#C62173

Analogous

#21C622

#21C5C6

#21C674

Triadic

#21C674

#7421C6

#C67421

Split Complementary

#21C674

#C621C5

#C62221

Tetradic

#21C674

#2221C6

#C62173

#C5C621

Color Blindness Simulation

Original

#21C674

Protanopia

#686A88

Deuteranopia

#5F528D

Tritanopia

#29989B

Achromatopsia

#9D9D9D

CSS Usage

background-color: #21C674;
color: #21C674;
border-color: #21C674;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DB
300
#96EDC2
400
#5DE4A1
500
#24DB80
600
#1DAF66
700
#178C52
800
#126D40
900
#115031
950
#0B321F

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026