Tailwind CSS Colors
Purple 300
#D8B4FETailwind classes
Backgroundbg-purple-300
Texttext-purple-300
Borderborder-purple-300
Ringring-purple-300
CSS Values
HEX#D8B4FE
RGBrgb(216, 180, 254)
HSLhsl(269, 97%, 85%)
HSL (modern)hsl(269deg 97% 85%)
OKLCHoklch(82.7% 0.1082 306deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.77:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.88:1AA: PassAAA: PassAA Large: Pass
Other Purple shades
Nearest Named Colors
See allAnt Designpurple-3
Open Colorviolet-2
Radix Colorspurple-7
Bootstrap 5purple-200
Material Designpurple-100
Crayolawisteria
CSS Namedplum
iOS HIGseparator
MunsellN-8
RAL Classic7047