#7E22CE

#7E22CE

Color Values

HEX

#7E22CE

RGB

126, 34, 206

HSL

272.1, 71.7%, 47.1%

HSV

272.1, 83.5%, 80.8%

CMYK

38.8%, 83.5%, 0.0%, 19.2%

OKLCH

0.4955 0.2369 301.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7E22CE

#72CE22

Analogous

#2822CE

#CE22C8

#7E22CE

Triadic

#7E22CE

#CE7E22

#22CE7E

Split Complementary

#7E22CE

#C8CE22

#22CE28

Tetradic

#7E22CE

#CE2822

#72CE22

#22C8CE

Color Blindness Simulation

Original

#7E22CE

Protanopia

#5655A4

Deuteranopia

#5C629A

Tritanopia

#79837C

Achromatopsia

#424242

CSS Usage

background-color: #7E22CE;
color: #7E22CE;
border-color: #7E22CE;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DDC2F5
300
#C596EE
400
#A55DE4
500
#8624DB
600
#6B1DAF
700
#56178C
800
#43126D
900
#331150
950
#200B32

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Part of These Collections

Tailwind CSS — Purple

Purple 700

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