Tailwind CSS Colors
Purple 400
#C084FCTailwind classes
Backgroundbg-purple-400
Texttext-purple-400
Borderborder-purple-400
Ringring-purple-400
CSS Values
HEX#C084FC
RGBrgb(192, 132, 252)
HSLhsl(270, 95%, 75%)
HSL (modern)hsl(270deg 95% 75%)
OKLCHoklch(72.2% 0.1767 306deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.64:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.95:1AA: PassAAA: PassAA Large: Pass
Other Purple shades
Nearest Named Colors
See allMaterial Designdeep-purple-a100
Ant Designpurple-4
Open Colorviolet-3
Radix Colorspurple-8
Bootstrap 5indigo-200
CSS Namedorchid
Crayolafuchsia
Munsell5P-7-6
iOS HIGsystem-purple
RAL Classic3015