#7222B7

#7222B7

Color Values

HEX

#7222B7

RGB

114, 34, 183

HSL

272.2, 68.7%, 42.5%

HSV

272.2, 81.4%, 71.8%

CMYK

37.7%, 81.4%, 0.0%, 28.2%

OKLCH

0.4608 0.2133 302.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7222B7

#67B722

Analogous

#2722B7

#B722B1

#7222B7

Triadic

#7222B7

#B77222

#22B772

Split Complementary

#7222B7

#B1B722

#22B727

Tetradic

#7222B7

#B72722

#67B722

#22B1B7

Color Blindness Simulation

Original

#7222B7

Protanopia

#4F4F93

Deuteranopia

#545A8A

Tritanopia

#6E7670

Achromatopsia

#3E3E3E

CSS Usage

background-color: #7222B7;
color: #7222B7;
border-color: #7222B7;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DDC3F4
300
#C598EC
400
#A560E1
500
#8628D7
600
#6B20AC
700
#561A8A
800
#43146C
900
#33124E
950
#200C32

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

2.63:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026