#204487

#204487

Color Values

HEX

#204487

RGB

32, 68, 135

HSL

219.0, 61.7%, 32.7%

HSV

219.0, 76.3%, 52.9%

CMYK

76.3%, 49.6%, 0.0%, 47.1%

OKLCH

0.3996 0.1198 261.5

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#204487

#876320

Analogous

#207787

#2F2087

#204487

Triadic

#204487

#872044

#448720

Split Complementary

#204487

#872F20

#778720

Tetradic

#204487

#872077

#876320

#20872F

Color Blindness Simulation

Original

#204487

Protanopia

#303077

Deuteranopia

#2E2B73

Tritanopia

#226A67

Achromatopsia

#414141

CSS Usage

background-color: #204487;
color: #204487;
border-color: #204487;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FB
100
#E4EAF7
200
#C5D5F1
300
#9CB6E8
400
#668FDB
500
#3168CE
600
#2753A5
700
#1F4284
800
#183467
900
#16284B
950
#0E1A30

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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