Tailwind CSS Colors
Purple 900
#581C87Tailwind classes
Backgroundbg-purple-900
Texttext-purple-900
Borderborder-purple-900
Ringring-purple-900
CSS Values
HEX#581C87
RGBrgb(88, 28, 135)
HSLhsl(274, 66%, 32%)
HSL (modern)hsl(274deg 66% 32%)
OKLCHoklch(38.1% 0.1661 305deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 10.88:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.93:1AA: FailAAA: FailAA Large: Fail
Other Purple shades
Nearest Named Colors
See allMaterial Designpurple-900
CSS Namedindigo
Bootstrap 5purple-700
Ant Designpurple-7
Munsell5P-3-6
Radix Colorsplum-12
iOS HIGaccessible-indigo
Open Colorgrape-9
RAL Classic4005
Crayolamidnight-blue