Tailwind CSS Colors
Purple 800
#6B21A8Tailwind classes
Backgroundbg-purple-800
Texttext-purple-800
Borderborder-purple-800
Ringring-purple-800
CSS Values
HEX#6B21A8
RGBrgb(107, 33, 168)
HSLhsl(273, 67%, 39%)
HSL (modern)hsl(273deg 67% 39%)
OKLCHoklch(43.8% 0.1983 304deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 8.72:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.41:1AA: FailAAA: FailAA Large: Fail
Other Purple shades
Nearest Named Colors
See allMaterial Designpurple-800
CSS Namedrebeccapurple
Bootstrap 5purple-600
Ant Designpurple-7
Open Colorgrape-9
Crayolapurple-heart
Radix Colorspurple-11
iOS HIGaccessible-purple
Munsell5P-4-8
RAL Classic4005