Tailwind CSS Colors
Rose 50
#FFF1F2Tailwind classes
Backgroundbg-rose-50
Texttext-rose-50
Borderborder-rose-50
Ringring-rose-50
CSS Values
HEX#FFF1F2
RGBrgb(255, 241, 242)
HSLhsl(356, 100%, 97%)
HSL (modern)hsl(356deg 100% 97%)
OKLCHoklch(96.9% 0.0152 12deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.1:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.12:1AA: PassAAA: PassAA Large: Pass
Other Rose shades
Nearest Named Colors
See allAnt Designred-1
CSS Namedlavenderblush
Open Colorpink-0
Radix Colorsbronze-2
Material Designred-50
RAL Classic9003
iOS HIGquaternary-system-fill
Bootstrap 5gray-100
Crayolawhite
MunsellN-9