#0D4593

#0D4593

Color Values

HEX

#0D4593

RGB

13, 69, 147

HSL

214.9, 83.7%, 31.4%

HSV

214.9, 91.2%, 57.6%

CMYK

91.2%, 53.1%, 0.0%, 42.4%

OKLCH

0.4056 0.1403 258.5

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#0D4593

#935B0D

Analogous

#0D8893

#180D93

#0D4593

Triadic

#0D4593

#930D45

#45930D

Split Complementary

#0D4593

#93180D

#88930D

Tetradic

#0D4593

#930D88

#935B0D

#0D9318

Color Blindness Simulation

Original

#0D4593

Protanopia

#252680

Deuteranopia

#221E7C

Tritanopia

#10716E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD6F9
300
#8FB9F5
400
#5294F0
500
#156EEA
600
#1158BB
700
#0D4696
800
#0A3775
900
#0C2A55
950
#081B36

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

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