#0D4166

#0D4166

Color Values

HEX

#0D4166

RGB

13, 65, 102

HSL

204.9, 77.4%, 22.5%

HSV

204.9, 87.3%, 40.0%

CMYK

87.3%, 36.3%, 0.0%, 60.0%

OKLCH

0.3627 0.0826 245.2

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#0D4166

#66320D

Analogous

#0D665E

#0D1566

#0D4166

Triadic

#0D4166

#660D41

#41660D

Split Complementary

#0D4166

#660D15

#665E0D

Tetradic

#0D4166

#5E0D66

#66320D

#15660D

Color Blindness Simulation

Original

#0D4166

Protanopia

#24245D

Deuteranopia

#201D5B

Tritanopia

#105654

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#C0E0F7
300
#92CAF1
400
#58ADEA
500
#1D90E2
600
#1773B5
700
#125C91
800
#0E4871
900
#0F3652
950
#092234

Contrast Checker

Text on white

10.69:1

AA Pass AAA Pass

Text on black

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