#203649

#203649

Color Values

HEX

#203649

RGB

32, 54, 73

HSL

207.8, 39.0%, 20.6%

HSV

207.8, 56.2%, 28.6%

CMYK

56.2%, 26.0%, 0.0%, 71.4%

OKLCH

0.3236 0.044 245.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#203649

#493320

Analogous

#204948

#202249

#203649

Triadic

#203649

#492036

#364920

Split Complementary

#203649

#492022

#494820

Tetradic

#203649

#482049

#493320

#224920

Color Blindness Simulation

Original

#203649

Protanopia

#2A2A44

Deuteranopia

#282743

Tritanopia

#214140

Achromatopsia

#333333

CSS Usage

background-color: #203649;
color: #203649;
border-color: #203649;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDCE9
300
#AAC4DA
400
#7CA3C5
500
#4E83B1
600
#3E698E
700
#325471
800
#274259
900
#1F3241
950
#141F29

Contrast Checker

Text on white

12.46:1

AA Pass AAA Pass

Text on black

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