#22126E

#22126E

Color Values

HEX

#22126E

RGB

34, 18, 110

HSL

250.4, 71.9%, 25.1%

HSV

250.4, 83.6%, 43.1%

CMYK

69.1%, 83.6%, 0.0%, 56.9%

OKLCH

0.2828 0.1457 279.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#22126E

#5E6E12

Analogous

#12306E

#50126E

#22126E

Triadic

#22126E

#6E2212

#126E22

Split Complementary

#22126E

#6E5012

#306E12

Tetradic

#22126E

#6E1230

#5E6E12

#126E50

Color Blindness Simulation

Original

#22126E

Protanopia

#1B1B58

Deuteranopia

#1C1D52

Tritanopia

#214642

Achromatopsia

#1C1C1C

CSS Usage

background-color: #22126E;
color: #22126E;
border-color: #22126E;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F4F3FC
100
#E6E2F8
200
#CBC2F5
300
#A596EE
400
#745DE4
500
#4424DB
600
#361DAF
700
#2B178C
800
#22126E
900
#1C1150
950
#120B32

Contrast Checker

Text on white

15.22:1

AA Pass AAA Pass

Text on black

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