#21835F

#21835F

Color Values

HEX

#21835F

RGB

33, 131, 95

HSL

158.0, 59.8%, 32.2%

HSV

158.0, 74.8%, 51.4%

CMYK

74.8%, 0.0%, 27.5%, 48.6%

OKLCH

0.5452 0.1052 163.7

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#21835F

#832145

Analogous

#21832E

#217683

#21835F

Triadic

#21835F

#5F2183

#835F21

Split Complementary

#21835F

#832176

#832E21

Tetradic

#21835F

#2E2183

#832145

#768321

Color Blindness Simulation

Original

#21835F

Protanopia

#4B4C68

Deuteranopia

#463E6A

Tritanopia

#266F70

Achromatopsia

#6C6C6C

CSS Usage

background-color: #21835F;
color: #21835F;
border-color: #21835F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F3FBF8
100
#E4F6F0
200
#C6F1E1
300
#9DE6CC
400
#68D9B0
500
#33CC94
600
#29A376
700
#21825F
800
#1A664A
900
#164B37
950
#0E2F23

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026