Tailwind CSS Colors

Red 100

#FEE2E2

Tailwind classes

Backgroundbg-red-100
Texttext-red-100
Borderborder-red-100
Ringring-red-100

CSS Values

HEX#FEE2E2
RGBrgb(254, 226, 226)
HSLhsl(0, 93%, 94%)
HSL (modern)hsl(0deg 93% 94%)
OKLCHoklch(93.6% 0.0309 18deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.22:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.19:1AA: PassAAA: PassAA Large: Pass

Other Red shades

Nearest Named Colors

See all
Open Color
red-1
CSS Named
mistyrose
Material Design
pink-50
Radix Colors
ruby-4
Bootstrap 5
orange-100
iOS HIG
secondary-system-fill
Crayola
white
Ant Design
magenta-2
Munsell
N-9
RAL Classic
9002