#220D72

#220D72

Color Values

HEX

#220D72

RGB

34, 13, 114

HSL

252.5, 79.5%, 24.9%

HSV

252.5, 88.6%, 44.7%

CMYK

70.2%, 88.6%, 0.0%, 55.3%

OKLCH

0.2822 0.1547 279.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#220D72

#5D720D

Analogous

#0D2A72

#550D72

#220D72

Triadic

#220D72

#72220D

#0D7222

Split Complementary

#220D72

#72550D

#2A720D

Tetradic

#220D72

#720D2A

#5D720D

#0D7255

Color Blindness Simulation

Original

#220D72

Protanopia

#19195A

Deuteranopia

#1A1C54

Tritanopia

#214642

Achromatopsia

#191919

CSS Usage

background-color: #220D72;
color: #220D72;
border-color: #220D72;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F4F2FD
100
#E6E1F9
200
#CBBFF8
300
#A591F2
400
#7556EC
500
#441AE5
600
#3715B7
700
#2C1192
800
#220D72
900
#1C0E53
950
#120934

Contrast Checker

Text on white

15.34:1

AA Pass AAA Pass

Text on black

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