#0D2C72

#0D2C72

Color Values

HEX

#0D2C72

RGB

13, 44, 114

HSL

221.6, 79.5%, 24.9%

HSV

221.6, 88.6%, 44.7%

CMYK

88.6%, 61.4%, 0.0%, 55.3%

OKLCH

0.3208 0.1263 263.1

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#0D2C72

#72530D

Analogous

#0D5E72

#210D72

#0D2C72

Triadic

#0D2C72

#720D2C

#2C720D

Split Complementary

#0D2C72

#72210D

#5E720D

Tetradic

#0D2C72

#720D5E

#72530D

#0D7221

Color Blindness Simulation

Original

#0D2C72

Protanopia

#1A1B61

Deuteranopia

#19165D

Tritanopia

#0F5451

Achromatopsia

#2A2A2A

CSS Usage

background-color: #0D2C72;
color: #0D2C72;
border-color: #0D2C72;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F5FD
100
#E1E8F9
200
#BFD0F8
300
#91AFF2
400
#5684EC
500
#1A58E5
600
#1547B7
700
#113992
800
#0D2C72
900
#0E2353
950
#091634

Contrast Checker

Text on white

12.96:1

AA Pass AAA Pass

Text on black

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