#0D3697

#0D3697

Color Values

HEX

#0D3697

RGB

13, 54, 151

HSL

222.2, 84.1%, 32.2%

HSV

222.2, 91.4%, 59.2%

CMYK

91.4%, 64.2%, 0.0%, 40.8%

OKLCH

0.3773 0.1648 263.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0D3697

#976E0D

Analogous

#0D7B97

#290D97

#0D3697

Triadic

#0D3697

#970D36

#36970D

Split Complementary

#0D3697

#97290D

#7B970D

Tetradic

#0D3697

#970D7B

#976E0D

#0D9729

Color Blindness Simulation

Original

#0D3697

Protanopia

#1F1F80

Deuteranopia

#1C197A

Tritanopia

#0F6D69

Achromatopsia

#343434

CSS Usage

background-color: #0D3697;
color: #0D3697;
border-color: #0D3697;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDCFF9
300
#8EADF5
400
#5180F0
500
#1454EB
600
#1043BC
700
#0D3696
800
#0A2A75
900
#0C2255
950
#071536

Contrast Checker

Text on white

10.54:1

AA Pass AAA Pass

Text on black

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