Tailwind CSS Colors
Red 50
#FEF2F2Tailwind classes
Backgroundbg-red-50
Texttext-red-50
Borderborder-red-50
Ringring-red-50
CSS Values
HEX#FEF2F2
RGBrgb(254, 242, 242)
HSLhsl(0, 86%, 97%)
HSL (modern)hsl(0deg 86% 97%)
OKLCHoklch(97.1% 0.0129 17deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.09:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.2:1AA: PassAAA: PassAA Large: Pass
Other Red shades
Nearest Named Colors
See allAnt Designred-1
CSS Namedlavenderblush
Open Colorred-0
Radix Colorsbronze-2
Material Designgrey-100
RAL Classic9010
iOS HIGquaternary-system-fill
Bootstrap 5gray-100
Crayolawhite
MunsellN-9