#F04785 Color

#F04785 is rgb(240, 71, 133) in RGB and hsl(338, 85%, 61%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#F04785

HEX#F04785

RGBrgb(240, 71, 133)

HSLhsl(338, 85%, 61%)

HSVhsv(338, 70%, 94%)

OKLCHoklch(65.5% 0.209 2.7)

CMYKcmyk(0%, 70%, 45%, 6%)

Text Contrast & Accessibility

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

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

TextBlack text5.95:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#F04785 Complementary#47F0B2 Analogous#F047DA Analogous#F05E47 Triadic#85F047 Triadic#4785F0

Tints & Shades

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

Tints

#F25F95 #F47BA7 #F692B7 #F8AAC7 #FAC2D6 #FCDEE9

Shades

#ED216C #D41159 #AF0E49 #840B37 #5E0827 #390518

Use #F04785 in Our Tools

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