Tailwind CSS Colors
Red 400
#F87171Tailwind classes
Backgroundbg-red-400
Texttext-red-400
Borderborder-red-400
Ringring-red-400
CSS Values
HEX#F87171
RGBrgb(248, 113, 113)
HSLhsl(0, 91%, 71%)
HSL (modern)hsl(0deg 91% 71%)
OKLCHoklch(71.1% 0.1661 22deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.77:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.59:1AA: PassAAA: PassAA Large: Pass
Other Red shades
Nearest Named Colors
See allOpen Colorred-5
Ant Designred-4
CSS Namedlightcoral
Material Designred-300
Crayolasunset-orange
Bootstrap 5red-300
Munsell5R-6-10
Radix Colorstomato-8
RAL Classic3015
iOS HIGsystem-red