Tailwind CSS Colors

Violet 950

#2E1065

Tailwind classes

Backgroundbg-violet-950
Texttext-violet-950
Borderborder-violet-950
Ringring-violet-950

CSS Values

HEX#2E1065
RGBrgb(46, 16, 101)
HSLhsl(261, 73%, 23%)
HSL (modern)hsl(261deg 73% 23%)
OKLCHoklch(28.3% 0.1351 291deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 15.24:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.38:1AA: FailAAA: FailAA Large: Fail

Other Violet shades

Nearest Named Colors

See all
Bootstrap 5
indigo-800
Ant Design
purple-9
CSS Named
midnightblue
Radix Colors
violet-12
RAL Classic
5002
Material Design
indigo-900
Munsell
10PB-3-8
Open Color
gray-9
iOS HIG
accessible-indigo
Crayola
black