#0D3F66

#0D3F66

Color Values

HEX

#0D3F66

RGB

13, 63, 102

HSL

206.3, 77.4%, 22.5%

HSV

206.3, 87.3%, 40.0%

CMYK

87.3%, 38.2%, 0.0%, 60.0%

OKLCH

0.3574 0.0846 247.3

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#0D3F66

#66340D

Analogous

#0D6660

#0D1266

#0D3F66

Triadic

#0D3F66

#660D3F

#3F660D

Split Complementary

#0D3F66

#660D12

#66600D

Tetradic

#0D3F66

#600D66

#66340D

#12660D

Color Blindness Simulation

Original

#0D3F66

Protanopia

#23235D

Deuteranopia

#201C5A

Tritanopia

#105553

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#C0DFF7
300
#92C8F1
400
#58AAEA
500
#1D8CE2
600
#1770B5
700
#125991
800
#0E4671
900
#0F3552
950
#092134

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

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