#203C59

#203C59

Color Values

HEX

#203C59

RGB

32, 60, 89

HSL

210.5, 47.1%, 23.7%

HSV

210.5, 64.0%, 34.9%

CMYK

64.0%, 32.6%, 0.0%, 65.1%

OKLCH

0.3487 0.0614 250.7

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#203C59

#593D20

Analogous

#205859

#202059

#203C59

Triadic

#203C59

#59203C

#3C5920

Split Complementary

#203C59

#592020

#585920

Tetradic

#203C59

#592058

#593D20

#205920

Color Blindness Simulation

Original

#203C59

Protanopia

#2C2C52

Deuteranopia

#2A2850

Tritanopia

#214C4B

Achromatopsia

#383838

CSS Usage

background-color: #203C59;
color: #203C59;
border-color: #203C59;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CADBEC
300
#A5C1DF
400
#74A0CD
500
#437EBC
600
#366596
700
#2B5178
800
#223F5E
900
#1C3045
950
#121E2C

Contrast Checker

Text on white

11.34:1

AA Pass AAA Pass

Text on black

1.85:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026