#20524D

#20524D

Color Values

HEX

#20524D

RGB

32, 82, 77

HSL

174.0, 43.9%, 22.4%

HSV

174.0, 61.0%, 32.2%

CMYK

61.0%, 0.0%, 6.1%, 67.8%

OKLCH

0.403 0.0542 186.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#20524D

#522025

Analogous

#205234

#203E52

#20524D

Triadic

#20524D

#4D2052

#524D20

Split Complementary

#20524D

#52203E

#523420

Tetradic

#20524D

#342052

#522025

#3E5220

Color Blindness Simulation

Original

#20524D

Protanopia

#36364E

Deuteranopia

#332F4E

Tritanopia

#224F4F

Achromatopsia

#474747

CSS Usage

background-color: #20524D;
color: #20524D;
border-color: #20524D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FAFA
100
#E6F4F2
200
#CCEBE8
300
#A7DDD7
400
#77CAC2
500
#48B7AC
600
#39938A
700
#2E756E
800
#245C56
900
#1D4440
950
#132B28

Contrast Checker

Text on white

8.84:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026