#220C74

#220C74

Color Values

HEX

#220C74

RGB

34, 12, 116

HSL

252.7, 81.2%, 25.1%

HSV

252.7, 89.7%, 45.5%

CMYK

70.7%, 89.7%, 0.0%, 54.5%

OKLCH

0.2837 0.1578 279.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#220C74

#5E740C

Analogous

#0C2A74

#560C74

#220C74

Triadic

#220C74

#74220C

#0C7422

Split Complementary

#220C74

#74560C

#2A740C

Tetradic

#220C74

#740C2A

#5E740C

#0C7456

Color Blindness Simulation

Original

#220C74

Protanopia

#18185B

Deuteranopia

#1A1B55

Tritanopia

#214743

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E1F9
200
#CBBEF8
300
#A590F3
400
#7454ED
500
#4418E7
600
#3613B9
700
#2B0F94
800
#220C74
900
#1C0D54
950
#120835

Contrast Checker

Text on white

15.3:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026