Tailwind CSS Colors
Pink 300
#F9A8D4Tailwind classes
Backgroundbg-pink-300
Texttext-pink-300
Borderborder-pink-300
Ringring-pink-300
CSS Values
HEX#F9A8D4
RGBrgb(249, 168, 212)
HSLhsl(327, 87%, 82%)
HSL (modern)hsl(327deg 87% 82%)
OKLCHoklch(82.3% 0.1095 346deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.81:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.58:1AA: PassAAA: PassAA Large: Pass