#7C3AED

Tailwind violet-600

#7C3AED is a violet colour. In RGB it is 124 red, 58 green and 237 blue, which converts to a hue of 262 degrees, 83% saturation and 58% lightness. It is Tailwind violet-600 in that design system's palette.

Color values

HEX	#7C3AED
RGB	rgb(124, 58, 237)
HSL	hsl(262, 83%, 58%)
HSV	hsv(262, 76%, 93%)
CMYK	cmyk(48%, 76%, 0%, 7%)

Contrast and accessibility

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

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#ACED3B

Analogous

Triadic

Split complementary

Code

CSS	color: #7C3AED;
CSS rgb()	color: rgb(124 58 237);
Tailwind	bg-[#7c3aed]
SwiftUI	Color(red: 0.486, green: 0.227, blue: 0.929)
Android	Color.parseColor("#7C3AED")

Closest named color

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