#204860

#204860

Color Values

HEX

#204860

RGB

32, 72, 96

HSL

202.5, 50.0%, 25.1%

HSV

202.5, 66.7%, 37.6%

CMYK

66.7%, 25.0%, 0.0%, 62.4%

OKLCH

0.3842 0.0608 237.6

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#204860

#603820

Analogous

#206058

#202860

#204860

Triadic

#204860

#602048

#486020

Split Complementary

#204860

#602028

#605820

Tetradic

#204860

#582060

#603820

#286020

Color Blindness Simulation

Original

#204860

Protanopia

#31325A

Deuteranopia

#2F2C59

Tritanopia

#225655

Achromatopsia

#414141

CSS Usage

background-color: #204860;
color: #204860;
border-color: #204860;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#C9E0ED
300
#A3C9E0
400
#71ACD0
500
#408FBF
600
#337399
700
#295C7A
800
#204860
900
#1B3646
950
#11222C

Contrast Checker

Text on white

9.73:1

AA Pass AAA Pass

Text on black

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