#20514C

#20514C

Color Values

HEX

#20514C

RGB

32, 81, 76

HSL

173.9, 43.4%, 22.2%

HSV

173.9, 60.5%, 31.8%

CMYK

60.5%, 0.0%, 6.2%, 68.2%

OKLCH

0.3998 0.0535 186.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#20514C

#512025

Analogous

#205134

#203E51

#20514C

Triadic

#20514C

#4C2051

#514C20

Split Complementary

#20514C

#51203E

#513420

Tetradic

#20514C

#342051

#512025

#3E5120

Color Blindness Simulation

Original

#20514C

Protanopia

#35364D

Deuteranopia

#322F4E

Tritanopia

#224E4E

Achromatopsia

#464646

CSS Usage

background-color: #20514C;
color: #20514C;
border-color: #20514C;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAFA
100
#E7F4F2
200
#CCEBE8
300
#A7DCD7
400
#78CAC1
500
#48B7AC
600
#3A9289
700
#2E756E
800
#245B56
900
#1E4340
950
#132B28

Contrast Checker

Text on white

8.96:1

AA Pass AAA Pass

Text on black

2.34:1

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