#20836B

#20836B

Color Values

HEX

#20836B

RGB

32, 131, 107

HSL

165.5, 60.7%, 32.0%

HSV

165.5, 75.6%, 51.4%

CMYK

75.6%, 0.0%, 18.3%, 48.6%

OKLCH

0.5483 0.0961 172.4

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#20836B

#832038

Analogous

#20833A

#206A83

#20836B

Triadic

#20836B

#6B2083

#836B20

Split Complementary

#20836B

#83206A

#833A20

Tetradic

#20836B

#3A2083

#832038

#6A8320

Color Blindness Simulation

Original

#20836B

Protanopia

#4B4C71

Deuteranopia

#453E72

Tritanopia

#257576

Achromatopsia

#6C6C6C

CSS Usage

background-color: #20836B;
color: #20836B;
border-color: #20836B;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F3FBF9
100
#E4F6F2
200
#C6F1E6
300
#9DE7D5
400
#67DABE
500
#32CDA7
600
#28A486
700
#20836B
800
#196654
900
#164B3E
950
#0E2F27

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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