#F4B2F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, glowing magenta radiates a youthful and gentle energy. The hex code #f4b2f0 creates a soft background for cosmetic branding or spring-themed designs. Because it is highly readable against dark text, it functions effectively for both small body copy and large UI elements. Pair this shade with charcoal gray to ground its sweetness and prevent the palette from feeling too saccharine.
Questions about #f4b2f0
What is #f4b2f0 in RGB, HSL and CMYK?
In RGB, #f4b2f0 is rgb(244, 178, 240), in HSL hsl(304, 75%, 83%) and in CMYK 0%, 27%, 2%, 4%.
What colors pair well with #f4b2f0 for a balanced design?
Pair #f4b2f0 with charcoal or deep slate tones to anchor the palette and prevent the design from feeling overly sweet. These dark neutrals provide enough contrast to make the magenta pop while maintaining professional readability in interface design.
Is #f4b2f0 suitable for body text or small UI elements?
While #f4b2f0 works well as an accent or header, it lacks the contrast needed for accessible body copy against white backgrounds. Use it primarily for decorative elements or vibrant buttons, ensuring you pair it with a very dark text color to meet contrast standards.
Is #f4b2f0 readable on white or black?
#f4b2f0 has a 1.68:1 contrast ratio on white and 12.47: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.