Tailwind CSS Colors
Red 300
#FCA5A5Tailwind classes
Backgroundbg-red-300
Texttext-red-300
Borderborder-red-300
Ringring-red-300
CSS Values
HEX#FCA5A5
RGBrgb(252, 165, 165)
HSLhsl(0, 94%, 82%)
HSL (modern)hsl(0deg 94% 82%)
OKLCHoklch(80.8% 0.1035 20deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.9:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.06:1AA: PassAAA: PassAA Large: Pass
Other Red shades
Nearest Named Colors
See allOpen Colorred-3
Ant Designred-3
Radix Colorsred-7
Crayolasalmon
Bootstrap 5red-200
Material Designdeep-orange-200
Munsell5R-8-4
CSS Namedlightpink
RAL Classic3015
iOS HIGtertiary-label