#22106F

#22106F

Color Values

HEX

#22106F

RGB

34, 16, 111

HSL

251.4, 74.8%, 24.9%

HSV

251.4, 85.6%, 43.5%

CMYK

69.4%, 85.6%, 0.0%, 56.5%

OKLCH

0.2817 0.1487 279.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#22106F

#5D6F10

Analogous

#102D6F

#52106F

#22106F

Triadic

#22106F

#6F2210

#106F22

Split Complementary

#22106F

#6F5210

#2D6F10

Tetradic

#22106F

#6F102D

#5D6F10

#106F52

Color Blindness Simulation

Original

#22106F

Protanopia

#1A1A58

Deuteranopia

#1B1D52

Tritanopia

#214642

Achromatopsia

#1B1B1B

CSS Usage

background-color: #22106F;
color: #22106F;
border-color: #22106F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F4F2FC
100
#E6E2F8
200
#CBC1F6
300
#A594F0
400
#755AE7
500
#4420DF
600
#371AB2
700
#2C158F
800
#22106F
900
#1C1051
950
#120A33

Contrast Checker

Text on white

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