#7E22CE

Tailwind purple-700

#7E22CE is a violet colour. In RGB it is 126 red, 34 green and 206 blue, which converts to a hue of 272 degrees, 72% saturation and 47% lightness. It is Tailwind purple-700 in that design system's palette.

Color values

HEX	#7E22CE
RGB	rgb(126, 34, 206)
HSL	hsl(272, 72%, 47%)
HSV	hsv(272, 83%, 81%)
CMYK	cmyk(39%, 83%, 0%, 19%)

Contrast and accessibility

Against white the contrast ratio is 6.98:1, and against black it is 3.01:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

Background	Ratio	Normal text	Large text
White	6.98:1	AA	AAA
Black	3.01:1	Fail	AA

Tints and shades

Lighter tints move #7E22CE toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#72CE22

Analogous

Triadic

Split complementary

Code

CSS	color: #7E22CE;
CSS rgb()	color: rgb(126 34 206);
Tailwind	bg-[#7e22ce]
SwiftUI	Color(red: 0.494, green: 0.133, blue: 0.808)
Android	Color.parseColor("#7E22CE")

Closest named color

The nearest CSS colour keyword to #7E22CE is blueviolet (#8A2BE2).