#20897F

#20897F

Color Values

HEX

#20897F

RGB

32, 137, 127

HSL

174.3, 62.1%, 33.1%

HSV

174.3, 76.6%, 53.7%

CMYK

76.6%, 0.0%, 7.3%, 46.3%

OKLCH

0.5708 0.0922 185.3

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#20897F

#89202A

Analogous

#20894A

#205E89

#20897F

Triadic

#20897F

#7F2089

#897F20

Split Complementary

#20897F

#89205E

#894A20

Tetradic

#20897F

#4A2089

#89202A

#5E8920

Color Blindness Simulation

Original

#20897F

Protanopia

#4D4E81

Deuteranopia

#474082

Tritanopia

#258384

Achromatopsia

#727272

CSS Usage

background-color: #20897F;
color: #20897F;
border-color: #20897F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E4F7F5
200
#C5F1ED
300
#9CE8E1
400
#66DBD0
500
#30CFC0
600
#27A599
700
#1F847B
800
#186760
900
#154C46
950
#0D302C

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.95:1

AA Pass AAA Fail

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