Bootstrap 5 Colors

Purple 300

#A98EDA

CSS Values

CSS Variable--bs-purple-300
HEX#A98EDA
RGBrgb(169, 142, 218)
HSLhsl(261, 51%, 71%)
HSL (modern)hsl(261deg 51% 71%)
OKLCHoklch(70% 0.1123 300deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.77:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.57:1AA: PassAAA: PassAA Large: Pass

Other purple shades

Nearest Named Colors

See all
Radix Colors
violet-8
Munsell
5P-7-6
Material Design
deep-purple-200
Tailwind CSS
violet-400
Ant Design
purple-4
Open Color
violet-3
Crayola
blue-bell
CSS Named
mediumpurple
RAL Classic
7040
iOS HIG
system-gray