#220F71

#220F71

Color Values

HEX

#220F71

RGB

34, 15, 113

HSL

251.6, 76.6%, 25.1%

HSV

251.6, 86.7%, 44.3%

CMYK

69.9%, 86.7%, 0.0%, 55.7%

OKLCH

0.283 0.152 279.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#220F71

#5E710F

Analogous

#0F2D71

#530F71

#220F71

Triadic

#220F71

#71220F

#0F7122

Split Complementary

#220F71

#71530F

#2D710F

Tetradic

#220F71

#710F2D

#5E710F

#0F7153

Color Blindness Simulation

Original

#220F71

Protanopia

#1A1A59

Deuteranopia

#1B1C54

Tritanopia

#214742

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E6E2F9
200
#CBC0F7
300
#A593F1
400
#7458E9
500
#441EE1
600
#3618B4
700
#2B1390
800
#220F71
900
#1C0F52
950
#120A34

Contrast Checker

Text on white

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