Tailwind CSS Colors
Violet 50
#F5F3FFTailwind classes
Backgroundbg-violet-50
Texttext-violet-50
Borderborder-violet-50
Ringring-violet-50
CSS Values
HEX#F5F3FF
RGBrgb(245, 243, 255)
HSLhsl(250, 100%, 98%)
HSL (modern)hsl(250deg 100% 98%)
OKLCHoklch(96.9% 0.0161 294deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.1:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.15:1AA: PassAAA: PassAA Large: Pass
Other Violet shades
Nearest Named Colors
See allRadix Colorsviolet-3
Open Colorgrape-0
Ant Designgeekblue-1
iOS HIGsystem-gray6
CSS Namedaliceblue
Material Designgrey-100
RAL Classic9003
Bootstrap 5gray-100
Crayolawhite
MunsellN-9