#F042A7 Color

#F042A7 is rgb(240, 66, 167) in RGB and hsl(325, 85%, 60%) in HSL. The closest CSS named color is HotPink. Black text is most readable on this background.

#F042A7

HEX#F042A7

RGBrgb(240, 66, 167)

HSLhsl(325, 85%, 60%)

HSVhsv(325, 73%, 94%)

OKLCHoklch(66.2% 0.228 349.6)

CMYKcmyk(0%, 73%, 30%, 6%)

Text Contrast & Accessibility

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

TextWhite text3.48:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.04:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#F042A7 Complementary#42F08B Analogous#E142F0 Analogous#F04251 Triadic#A7F042 Triadic#42A7F0

Tints & Shades

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

Tints

#F25AB2 #F476C0 #F68ECA #F8AAD8 #FAC2E3 #FCDEF0

Shades

#ED1D96 #D01180 #AA0E69 #840B52 #5E083A #390523

Use #F042A7 in Our Tools

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