#5B21B6

Tailwind violet-800

#5B21B6 is a violet colour. In RGB it is 91 red, 33 green and 182 blue, which converts to a hue of 263 degrees, 69% saturation and 42% lightness. It is Tailwind violet-800 in that design system's palette.

Color values

HEX	#5B21B6
RGB	rgb(91, 33, 182)
HSL	hsl(263, 69%, 42%)
HSV	hsv(263, 82%, 71%)
CMYK	cmyk(50%, 82%, 0%, 29%)

Contrast and accessibility

Against white the contrast ratio is 8.98:1, and against black it is 2.34: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	8.98:1	AAA	AAA
Black	2.34:1	Fail	Fail

Tints and shades

Lighter tints move #5B21B6 toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#7CB521

Analogous

Triadic

Split complementary

Code

CSS	color: #5B21B6;
CSS rgb()	color: rgb(91 33 182);
Tailwind	bg-[#5b21b6]
SwiftUI	Color(red: 0.357, green: 0.129, blue: 0.714)
Android	Color.parseColor("#5B21B6")

Closest named color

The nearest CSS colour keyword to #5B21B6 is rebeccapurple (#663399).