#7228C7

#7228C7

Color Values

HEX

#7228C7

RGB

114, 40, 199

HSL

267.9, 66.5%, 46.9%

HSV

267.9, 79.9%, 78.0%

CMYK

42.7%, 79.9%, 0.0%, 22.0%

OKLCH

0.4798 0.2237 298.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7228C7

#7DC728

Analogous

#282EC7

#C228C7

#7228C7

Triadic

#7228C7

#C77228

#28C772

Split Complementary

#7228C7

#C7C228

#2EC728

Tetradic

#7228C7

#C7282E

#7DC728

#28C7C2

Color Blindness Simulation

Original

#7228C7

Protanopia

#5251A1

Deuteranopia

#565C97

Tritanopia

#6E827B

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#DAC4F3
300
#BF99EA
400
#9C62DF
500
#7A2BD4
600
#6122AA
700
#4E1B88
800
#3D156A
900
#2E134D
950
#1D0C31

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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