Tailwind CSS Colors
Purple 50
#FAF5FFTailwind 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 allRadix Colorspurple-2
CSS Namedghostwhite
Open Colorgrape-0
Ant Designpurple-1
Bootstrap 5gray-100
RAL Classic9010
Material Designgrey-100
iOS HIGsystem-gray6
Crayolawhite
MunsellN-9