#203647

#203647

Color Values

HEX

#203647

RGB

32, 54, 71

HSL

206.2, 37.9%, 20.2%

HSV

206.2, 54.9%, 27.8%

CMYK

54.9%, 23.9%, 0.0%, 72.2%

OKLCH

0.3226 0.0413 242.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#203647

#473120

Analogous

#204745

#202247

#203647

Triadic

#203647

#472036

#364720

Split Complementary

#203647

#472022

#474520

Tetradic

#203647

#452047

#473120

#224720

Color Blindness Simulation

Original

#203647

Protanopia

#2A2A43

Deuteranopia

#282742

Tritanopia

#21403F

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDDE9
300
#ABC5D9
400
#7DA5C4
500
#4F86B0
600
#3F6B8D
700
#335671
800
#284358
900
#203341
950
#142029

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

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