Tailwind CSS Colors

Pink 50

#FDF2F8

Tailwind classes

Backgroundbg-pink-50
Texttext-pink-50
Borderborder-pink-50
Ringring-pink-50

CSS Values

HEX#FDF2F8
RGBrgb(253, 242, 248)
HSLhsl(327, 73%, 97%)
HSL (modern)hsl(327deg 73% 97%)
OKLCHoklch(97.1% 0.0141 343deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.09:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.23:1AA: PassAAA: PassAA Large: Pass

Other Pink shades

Nearest Named Colors

See all
Open Color
pink-0
Ant Design
magenta-1
CSS Named
lavenderblush
Radix Colors
plum-2
Material Design
grey-100
RAL Classic
9010
iOS HIG
system-gray6
Bootstrap 5
gray-100
Crayola
white
Munsell
N-9