#F2ABAE Color

#F2ABAE is rgb(242, 171, 174) in RGB and hsl(357, 73%, 81%) in HSL. The closest CSS named color is LightPink. Black text is most readable on this background.

#F2ABAE

HEX#F2ABAE

RGBrgb(242, 171, 174)

HSLhsl(357, 73%, 81%)

HSVhsv(357, 29%, 95%)

OKLCHoklch(80.9% 0.084 16.3)

CMYKcmyk(0%, 29%, 28%, 5%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #F2ABAE background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.87:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text11.21:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #F2ABAE based on color wheel relationships. Click any swatch for its full breakdown.

Base#F2ABAE Complementary#ABF2EE Analogous#F2ABD2 Analogous#F2CBAB Triadic#AFF2AB Triadic#ABAFF2

Tints & Shades

Lighter tints and darker shades of #F2ABAE, useful for hover states, backgrounds, and text variants.

Tints

#F3B4B7 #F5C1C4 #F7CACC #F9D7D9 #FAE0E1 #FCEDEE

Shades

#EA7B80 #E34A52 #D4212A #A31920 #731217 #420A0D

Use #F2ABAE in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex