#20575F

#20575F

Color Values

HEX

#20575F

RGB

32, 87, 95

HSL

187.6, 49.6%, 24.9%

HSV

187.6, 66.3%, 37.3%

CMYK

66.3%, 8.4%, 0.0%, 62.7%

OKLCH

0.4241 0.0583 208.4

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#20575F

#5F2820

Analogous

#205F47

#20385F

#20575F

Triadic

#20575F

#5F2057

#575F20

Split Complementary

#20575F

#5F2038

#5F4720

Tetradic

#20575F

#47205F

#5F2820

#385F20

Color Blindness Simulation

Original

#20575F

Protanopia

#38385D

Deuteranopia

#35305D

Tritanopia

#235C5B

Achromatopsia

#4C4C4C

CSS Usage

background-color: #20575F;
color: #20575F;
border-color: #20575F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAE9ED
300
#A3D8E0
400
#72C4CF
500
#40AFBF
600
#338C99
700
#29707A
800
#20575F
900
#1B4146
950
#11292C

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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