Tailwind CSS Colors
Rose 500
#F43F5ETailwind classes
Backgroundbg-rose-500
Texttext-rose-500
Borderborder-rose-500
Ringring-rose-500
CSS Values
HEX#F43F5E
RGBrgb(244, 63, 94)
HSLhsl(350, 89%, 60%)
HSL (modern)hsl(350deg 89% 60%)
OKLCHoklch(64.5% 0.2154 16deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.67:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.72:1AA: PassAAA: FailAA Large: Pass