Tailwind CSS Colors

Rose 900

#881337

Tailwind classes

Backgroundbg-rose-900
Texttext-rose-900
Borderborder-rose-900
Ringring-rose-900

CSS Values

HEX#881337
RGBrgb(136, 19, 55)
HSLhsl(342, 75%, 30%)
HSL (modern)hsl(342deg 75% 30%)
OKLCHoklch(41% 0.1502 10deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 9.57:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.2:1AA: FailAAA: FailAA Large: Fail

Other Rose shades

Nearest Named Colors

See all
Bootstrap 5
red-700
Material Design
pink-900
RAL Classic
4002
Ant Design
red-9
Munsell
5R-3-6
CSS Named
darkred
Open Color
pink-9
Radix Colors
ruby-12
Crayola
eggplant
iOS HIG
accessible-pink