#F2A7D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This soft magenta brings a fresh, playful energy to any interface. Its desaturated quality keeps it from feeling aggressive, making it an excellent choice for a 10% accent color against dark, moody charcoal grays. Because of its lightness, black text stands out sharply against the hex code #f2a7d4, ensuring high readability for UI elements. Use it sparingly to inject a touch of sweetness into modern branding.
Questions about #f2a7d4
What is #f2a7d4 in RGB, HSL and CMYK?
In RGB, #f2a7d4 is rgb(242, 167, 212), in HSL hsl(324, 74%, 80%) and in CMYK 0%, 31%, 12%, 5%.
What colors pair well with #f2a7d4?
Is #f2a7d4 suitable for UI text?
This light magenta typically lacks the contrast ratio required for accessible body text, so avoid using it for small or paragraph content. It is best utilized for UI accent elements, such as buttons, active states, or subtle iconography, where high readability is not the primary requirement.
Is #f2a7d4 readable on white or black?
#f2a7d4 has a 1.86:1 contrast ratio on white and 11.25:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.