Tailwind CSS Colors

Rose 100

#FFE4E6

Tailwind classes

Backgroundbg-rose-100
Texttext-rose-100
Borderborder-rose-100
Ringring-rose-100

CSS Values

HEX#FFE4E6
RGBrgb(255, 228, 230)
HSLhsl(356, 100%, 95%)
HSL (modern)hsl(356deg 100% 95%)
OKLCHoklch(94.1% 0.0298 13deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.2:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.49:1AA: PassAAA: PassAA Large: Pass

Other Rose shades

Nearest Named Colors

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