#BA68C8

Material purple 300

#BA68C8 is a magenta colour. In RGB it is 186 red, 104 green and 200 blue, which converts to a hue of 291 degrees, 47% saturation and 60% lightness. It is Material purple 300 in that design system's palette.

Color values

HEX	#BA68C8
RGB	rgb(186, 104, 200)
HSL	hsl(291, 47%, 60%)
HSV	hsv(291, 48%, 78%)
CMYK	cmyk(7%, 48%, 0%, 22%)

Contrast and accessibility

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

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#77C969

Analogous

Triadic

Split complementary

Code

CSS	color: #BA68C8;
CSS rgb()	color: rgb(186 104 200);
Tailwind	bg-[#ba68c8]
SwiftUI	Color(red: 0.729, green: 0.408, blue: 0.784)
Android	Color.parseColor("#BA68C8")

Closest named color

The nearest CSS colour keyword to #BA68C8 is mediumorchid (#BA55D3).