#20836C

#20836C

Color Values

HEX

#20836C

RGB

32, 131, 108

HSL

166.1, 60.7%, 32.0%

HSV

166.1, 75.6%, 51.4%

CMYK

75.6%, 0.0%, 17.6%, 48.6%

OKLCH

0.5486 0.0955 173.2

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#20836C

#832037

Analogous

#20833B

#206983

#20836C

Triadic

#20836C

#6C2083

#836C20

Split Complementary

#20836C

#832069

#833B20

Tetradic

#20836C

#3B2083

#832037

#698320

Color Blindness Simulation

Original

#20836C

Protanopia

#4B4C72

Deuteranopia

#453E73

Tritanopia

#257677

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F6F2
200
#C6F1E7
300
#9DE7D6
400
#67DABF
500
#32CDA9
600
#28A487
700
#20836C
800
#196655
900
#164B3F
950
#0E2F28

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026