Tailwind CSS Colors
Pink 500
#EC4899Tailwind classes
Backgroundbg-pink-500
Texttext-pink-500
Borderborder-pink-500
Ringring-pink-500
CSS Values
HEX#EC4899
RGBrgb(236, 72, 153)
HSLhsl(330, 81%, 60%)
HSL (modern)hsl(330deg 81% 60%)
OKLCHoklch(65.6% 0.2118 354deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.53:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.95:1AA: PassAAA: FailAA Large: Pass