#21885C

#21885C

Color Values

HEX

#21885C

RGB

33, 136, 92

HSL

154.4, 60.9%, 33.1%

HSV

154.4, 75.7%, 53.3%

CMYK

75.7%, 0.0%, 32.4%, 46.7%

OKLCH

0.5582 0.1148 159.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#21885C

#88214D

Analogous

#218829

#218088

#21885C

Triadic

#21885C

#5C2188

#885C21

Split Complementary

#21885C

#882180

#882921

Tetradic

#21885C

#292188

#88214D

#808821

Color Blindness Simulation

Original

#21885C

Protanopia

#4E4E67

Deuteranopia

#484069

Tritanopia

#266F71

Achromatopsia

#6F6F6F

CSS Usage

background-color: #21885C;
color: #21885C;
border-color: #21885C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FBF8
100
#E4F6EF
200
#C6F1DE
300
#9DE7C7
400
#67DAA9
500
#32CD8B
600
#28A46F
700
#208359
800
#196745
900
#164B34
950
#0E2F21

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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