Tailwind CSS Colors

Violet 900

#4C1D95

Tailwind classes

Backgroundbg-violet-900
Texttext-violet-900
Borderborder-violet-900
Ringring-violet-900

CSS Values

HEX#4C1D95
RGBrgb(76, 29, 149)
HSLhsl(264, 67%, 35%)
HSL (modern)hsl(264deg 67% 35%)
OKLCHoklch(38% 0.1783 294deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 10.95:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.92:1AA: FailAAA: FailAA Large: Fail

Other Violet shades

Nearest Named Colors

See all
Material Design
purple-900
Ant Design
purple-7
Bootstrap 5
indigo-700
CSS Named
indigo
iOS HIG
accessible-indigo
Munsell
10PB-3-8
Radix Colors
purple-12
Open Color
violet-9
RAL Classic
5017
Crayola
midnight-blue