#0D1564

#0D1564

Color Values

HEX

#0D1564

RGB

13, 21, 100

HSL

234.5, 77.0%, 22.2%

HSV

234.5, 87.0%, 39.2%

CMYK

87.0%, 79.0%, 0.0%, 60.8%

OKLCH

0.2609 0.1353 268.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0D1564

#645C0D

Analogous

#0D4164

#310D64

#0D1564

Triadic

#0D1564

#640D15

#15640D

Split Complementary

#0D1564

#64310D

#41640D

Tetradic

#0D1564

#640D41

#645C0D

#0D6431

Color Blindness Simulation

Original

#0D1564

Protanopia

#101151

Deuteranopia

#100F4C

Tritanopia

#0D423E

Achromatopsia

#191919

CSS Usage

background-color: #0D1564;
color: #0D1564;
border-color: #0D1564;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F2F3FC
100
#E1E4F9
200
#C0C5F7
300
#939BF1
400
#5865E9
500
#1D2FE2
600
#1726B5
700
#131E90
800
#0F1871
900
#0F1552
950
#090D34

Contrast Checker

Text on white

16.05:1

AA Pass AAA Pass

Text on black

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