#203771

#203771

Color Values

HEX

#203771

RGB

32, 55, 113

HSL

223.0, 55.9%, 28.4%

HSV

223.0, 71.7%, 44.3%

CMYK

71.7%, 51.3%, 0.0%, 55.7%

OKLCH

0.3528 0.1043 265.2

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#203771

#715A20

Analogous

#205F71

#312071

#203771

Triadic

#203771

#712037

#377120

Split Complementary

#203771

#713120

#5F7120

Tetradic

#203771

#71205F

#715A20

#207131

Color Blindness Simulation

Original

#203771

Protanopia

#2A2A63

Deuteranopia

#292760

Tritanopia

#215855

Achromatopsia

#363636

CSS Usage

background-color: #203771;
color: #203771;
border-color: #203771;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FB
100
#E5E9F6
200
#C7D3EF
300
#A0B3E4
400
#6C8AD5
500
#3861C7
600
#2D4D9F
700
#243E7F
800
#1C3063
900
#182649
950
#0F182E

Contrast Checker

Text on white

11.37:1

AA Pass AAA Pass

Text on black

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