Tailwind CSS Colors

Violet 100

#EDE9FE

Tailwind classes

Backgroundbg-violet-100
Texttext-violet-100
Borderborder-violet-100
Ringring-violet-100

CSS Values

HEX#EDE9FE
RGBrgb(237, 233, 254)
HSLhsl(251, 91%, 95%)
HSL (modern)hsl(251deg 91% 95%)
OKLCHoklch(94.3% 0.0284 295deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.19:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.69:1AA: PassAAA: PassAA Large: Pass

Other Violet shades

Nearest Named Colors

See all
Material Design
deep-purple-50
Radix Colors
iris-4
CSS Named
lavender
Open Color
violet-0
iOS HIG
secondary-system-fill
Ant Design
purple-1
Bootstrap 5
gray-200
Crayola
white
Munsell
N-9
RAL Classic
9003