#22017E

#22017E

Color Values

HEX

#22017E

RGB

34, 1, 126

HSL

255.8, 98.4%, 24.9%

HSV

255.8, 99.2%, 49.4%

CMYK

73.0%, 99.2%, 0.0%, 50.6%

OKLCH

0.2877 0.1757 277.8

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#22017E

#5D7E01

Analogous

#011F7E

#60017E

#22017E

Triadic

#22017E

#7E2201

#017E22

Split Complementary

#22017E

#7E6001

#1F7E01

Tetradic

#22017E

#7E011F

#5D7E01

#017E60

Color Blindness Simulation

Original

#22017E

Protanopia

#141360

Deuteranopia

#161858

Tritanopia

#204843

Achromatopsia

#111111

CSS Usage

background-color: #22017E;
color: #22017E;
border-color: #22017E;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F4F1FE
100
#E6DEFC
200
#CBB8FE
300
#A586FE
400
#7544FD
500
#4402FD
600
#3602CA
700
#2C01A2
800
#22017E
900
#1C065B
950
#12043A

Contrast Checker

Text on white

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