#203F68

#203F68

Color Values

HEX

#203F68

RGB

32, 63, 104

HSL

214.2, 52.9%, 26.7%

HSV

214.2, 69.2%, 40.8%

CMYK

69.2%, 39.4%, 0.0%, 59.2%

OKLCH

0.3657 0.0802 256.1

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#203F68

#684920

Analogous

#206368

#252068

#203F68

Triadic

#203F68

#68203F

#3F6820

Split Complementary

#203F68

#682520

#636820

Tetradic

#203F68

#682063

#684920

#206825

Color Blindness Simulation

Original

#203F68

Protanopia

#2D2E5E

Deuteranopia

#2C295C

Tritanopia

#225655

Achromatopsia

#3B3B3B

CSS Usage

background-color: #203F68;
color: #203F68;
border-color: #203F68;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D9EE
300
#A1BDE2
400
#6F9AD3
500
#3C76C3
600
#305E9C
700
#264C7D
800
#1E3B61
900
#192D48
950
#101D2D

Contrast Checker

Text on white

10.65:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026