Tailwind CSS Colors
Rose 400
#FB7185Tailwind classes
Backgroundbg-rose-400
Texttext-rose-400
Borderborder-rose-400
Ringring-rose-400
CSS Values
HEX#FB7185
RGBrgb(251, 113, 133)
HSLhsl(351, 95%, 71%)
HSL (modern)hsl(351deg 95% 71%)
OKLCHoklch(71.9% 0.169 13deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.69:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.8:1AA: PassAAA: PassAA Large: Pass
Other Rose shades
Nearest Named Colors
See allAnt Designred-4
Open Colorred-5
CSS Namedlightcoral
Material Designred-300
Bootstrap 5red-300
RAL Classic3015
Crayolasunset-orange
Radix Colorsred-8
Munsell5R-6-10
iOS HIGsystem-pink