Tailwind CSS Colors

Rose 600

#E11D48

Tailwind classes

Backgroundbg-rose-600
Texttext-rose-600
Borderborder-rose-600
Ringring-rose-600

CSS Values

HEX#E11D48
RGBrgb(225, 29, 72)
HSLhsl(347, 77%, 50%)
HSL (modern)hsl(347deg 77% 50%)
OKLCHoklch(58.6% 0.222 18deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 4.7:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 4.47:1AA: FailAAA: FailAA Large: Pass

Other Rose shades

Nearest Named Colors

See all
CSS Named
crimson
Bootstrap 5
red-500
Munsell
5R-5-14
RAL Classic
3017
Crayola
red
iOS HIG
accessible-pink
Radix Colors
ruby-10
Open Color
red-8
Material Design
pink-500
Ant Design
red-6