Material Design Colors

Purple 300

#BA68C8

CSS Values

HEX#BA68C8
RGBrgb(186, 104, 200)
HSLhsl(291, 47%, 60%)
HSL (modern)hsl(291deg 47% 60%)
OKLCHoklch(64.5% 0.1622 322deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 3.56:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.9:1AA: PassAAA: FailAA Large: Pass

Other Purple shades

Accent shades

Nearest Named Colors

See all
Crayola
fuchsia
CSS Named
mediumorchid
Open Color
grape-5
Ant Design
purple-4
iOS HIG
system-purple
Radix Colors
plum-9
Munsell
5P-6-8
Bootstrap 5
purple-400
Tailwind CSS
purple-400
RAL Classic
4011