Tailwind CSS Colors
Red 500
#EF4444Tailwind classes
Backgroundbg-red-500
Texttext-red-500
Borderborder-red-500
Ringring-red-500
CSS Values
HEX#EF4444
RGBrgb(239, 68, 68)
HSLhsl(0, 84%, 60%)
HSL (modern)hsl(0deg 84% 60%)
OKLCHoklch(63.7% 0.2078 25deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.76:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.58:1AA: PassAAA: FailAA Large: Pass