#203F55

#203F55

Color Values

HEX

#203F55

RGB

32, 63, 85

HSL

204.9, 45.3%, 22.9%

HSV

204.9, 62.4%, 33.3%

CMYK

62.4%, 25.9%, 0.0%, 66.7%

OKLCH

0.3543 0.0533 241.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#203F55

#553620

Analogous

#205550

#202455

#203F55

Triadic

#203F55

#55203F

#3F5520

Split Complementary

#203F55

#552024

#555020

Tetradic

#203F55

#502055

#553620

#245520

Color Blindness Simulation

Original

#203F55

Protanopia

#2D2E50

Deuteranopia

#2C294E

Tritanopia

#224B4B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #203F55;
color: #203F55;
border-color: #203F55;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEB
300
#A6C7DE
400
#76A8CB
500
#4689B9
600
#386E94
700
#2D5877
800
#23455D
900
#1D3444
950
#12212B

Contrast Checker

Text on white

11.03:1

AA Pass AAA Pass

Text on black

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