Tailwind CSS Colors

Rose 700

#BE123C

Tailwind classes

Backgroundbg-rose-700
Texttext-rose-700
Borderborder-rose-700
Ringring-rose-700

CSS Values

HEX#BE123C
RGBrgb(190, 18, 60)
HSLhsl(345, 83%, 41%)
HSL (modern)hsl(345deg 83% 41%)
OKLCHoklch(51.4% 0.1978 17deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 6.29:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.34:1AA: FailAAA: FailAA Large: Pass

Other Rose shades

Nearest Named Colors

See all
RAL Classic
3027
Munsell
5R-4-12
Bootstrap 5
red-600
Radix Colors
ruby-11
Material Design
red-900
CSS Named
firebrick
Open Color
pink-8
iOS HIG
accessible-pink
Ant Design
red-7
Crayola
maroon