Tailwind CSS Colors
Pink 400
#F472B6Tailwind classes
Backgroundbg-pink-400
Texttext-pink-400
Borderborder-pink-400
Ringring-pink-400
CSS Values
HEX#F472B6
RGBrgb(244, 114, 182)
HSLhsl(329, 86%, 70%)
HSL (modern)hsl(329deg 86% 70%)
OKLCHoklch(72.5% 0.1752 350deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.65:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.93:1AA: PassAAA: PassAA Large: Pass