#0D3C69

#0D3C69

Color Values

HEX

#0D3C69

RGB

13, 60, 105

HSL

209.3, 78.0%, 23.1%

HSV

209.3, 87.6%, 41.2%

CMYK

87.6%, 42.9%, 0.0%, 58.8%

OKLCH

0.3517 0.0922 251.7

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#0D3C69

#693A0D

Analogous

#0D6968

#0D0E69

#0D3C69

Triadic

#0D3C69

#690D3C

#3C690D

Split Complementary

#0D3C69

#690D0E

#69680D

Tetradic

#0D3C69

#680D69

#693A0D

#0E690D

Color Blindness Simulation

Original

#0D3C69

Protanopia

#21225E

Deuteranopia

#1F1B5C

Tritanopia

#0F5654

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDCF7
300
#92C3F2
400
#57A2EA
500
#1C82E3
600
#1668B6
700
#125391
800
#0E4171
900
#0E3152
950
#091F34

Contrast Checker

Text on white

11.25:1

AA Pass AAA Pass

Text on black

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