#F254B5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f254b5 graphic
Bright and highly saturated, #f254b5 brings a warm magenta undertone and strong visual energy to a palette. Use it as a 10% accent for calls to action, cosmetics, fashion, or children’s products rather than a full-page background. Black text remains readable at about 6.7:1 contrast. The hex code #f254b5 pairs well with deep navy and soft cream, alongside other shades of pink.

Questions about #f254b5

What is #f254b5 in RGB, HSL and CMYK?
In RGB, #f254b5 is rgb(242, 84, 181), in HSL hsl(323, 86%, 64%) and in CMYK 0%, 65%, 25%, 5%.
What colors pair well with #f254b5?
Deep navy and soft cream balance #f254b5’s saturated warmth, while muted mauve can soften the contrast for polished cosmetics, fashion, or lifestyle palettes. Use #f254b5 sparingly as the accent so the combination stays focused rather than overwhelming.
Where does #f254b5 work best in a design?
Use #f254b5 as a small, high-impact accent for calls to action, cosmetics, fashion, and children’s products, rather than a full-page background where its high saturation can feel overpowering.
Is #f254b5 readable on white or black?
#f254b5 has a 3.12:1 contrast ratio on white and 6.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.