Tailwind CSS Colors

Rose 300

#FDA4AF

Tailwind classes

Backgroundbg-rose-300
Texttext-rose-300
Borderborder-rose-300
Ringring-rose-300

CSS Values

HEX#FDA4AF
RGBrgb(253, 164, 175)
HSLhsl(353, 96%, 82%)
HSL (modern)hsl(353deg 96% 82%)
OKLCHoklch(81% 0.1061 12deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.89:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 11.11:1AA: PassAAA: PassAA Large: Pass

Other Rose shades

Nearest Named Colors

See all
Open Color
red-3
Crayola
salmon
Radix Colors
red-7
Ant Design
red-3
Bootstrap 5
red-200
Material Design
red-200
CSS Named
lightpink
Munsell
5R-8-4
RAL Classic
3015
iOS HIG
tertiary-label