Tailwind CSS Colors

Purple 50

#FAF5FF

Tailwind classes

Backgroundbg-purple-50
Texttext-purple-50
Borderborder-purple-50
Ringring-purple-50

CSS Values

HEX#FAF5FF
RGBrgb(250, 245, 255)
HSLhsl(270, 100%, 98%)
HSL (modern)hsl(270deg 100% 98%)
OKLCHoklch(97.7% 0.0142 308deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.07:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.57:1AA: PassAAA: PassAA Large: Pass

Other Purple shades

Nearest Named Colors

See all
Radix Colors
purple-2
CSS Named
ghostwhite
Open Color
grape-0
Ant Design
purple-1
Bootstrap 5
gray-100
RAL Classic
9010
Material Design
grey-100
iOS HIG
system-gray6
Crayola
white
Munsell
N-9