Tailwind CSS Colors
Purple 100
#F3E8FFTailwind classes
Backgroundbg-purple-100
Texttext-purple-100
Borderborder-purple-100
Ringring-purple-100
CSS Values
HEX#F3E8FF
RGBrgb(243, 232, 255)
HSLhsl(269, 100%, 95%)
HSL (modern)hsl(269deg 100% 95%)
OKLCHoklch(94.6% 0.0327 307deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.18:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.8:1AA: PassAAA: PassAA Large: Pass