#673AB7

Material deeppurple 500

#673AB7 is a violet colour. In RGB it is 103 red, 58 green and 183 blue, which converts to a hue of 262 degrees, 52% saturation and 47% lightness. It is Material deeppurple 500 in that design system's palette.

Color values

HEX	#673AB7
RGB	rgb(103, 58, 183)
HSL	hsl(262, 52%, 47%)
HSV	hsv(262, 68%, 72%)
CMYK	cmyk(44%, 68%, 0%, 28%)

Contrast and accessibility

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

Tints and shades

Lighter tints move #673AB7 toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#88B63A

Analogous

Triadic

Split complementary

Code

CSS	color: #673AB7;
CSS rgb()	color: rgb(103 58 183);
Tailwind	bg-[#673ab7]
SwiftUI	Color(red: 0.404, green: 0.227, blue: 0.718)
Android	Color.parseColor("#673AB7")

Closest named color

The nearest CSS colour keyword to #673AB7 is rebeccapurple (#663399).