Bootstrap 5 Colors
Purple 500
#6F42C1CSS Values
CSS Variable--bs-purple-500
HEX#6F42C1
RGBrgb(111, 66, 193)
HSLhsl(261, 51%, 51%)
HSL (modern)hsl(261deg 51% 51%)
OKLCHoklch(50.2% 0.1883 295deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 6.51:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.23:1AA: FailAAA: FailAA Large: Pass
Other purple shades
Nearest Named Colors
See allCrayolapurple-heart
Radix Colorsviolet-10
Material Designdeep-purple-500
Open Colorviolet-9
Ant Designpurple-6
CSS Namedslateblue
Tailwind CSSviolet-700
iOS HIGsystem-indigo
Munsell5PB-5-10
RAL Classic4005