#F3047D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma magenta commands attention, making it ideal for call-to-action buttons or small visual accents. It is too aggressive for large backgrounds, so use it sparingly to avoid overwhelming the viewer. Pair #f3047d with dark charcoal to stabilize the intensity. Black text maintains clear readability against this hex code, meeting accessibility standards for small type.
Questions about #f3047d
What is #f3047d in RGB, HSL and CMYK?
In RGB, #f3047d is rgb(243, 4, 125), in HSL hsl(330, 97%, 48%) and in CMYK 0%, 98%, 49%, 5%. Browse more shades of pink with names and hex codes.
How should I use #f3047d in interface design?
This high-intensity magenta works best as a deliberate accent for buttons or small UI elements that require immediate attention. Because it is visually aggressive, avoid using it as a background color to keep your interface clean and usable.
What colors pair well with #f3047d?
Pair #f3047d with charcoal or deep slate tones to stabilize its intensity and ensure the magenta remains the focal point. Avoid pairing it with other high-chroma colors, as this can create visual vibration that strains the reader's eyes.
Is #f3047d readable on white or black?
#f3047d has a 4.09:1 contrast ratio on white and 5.12: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.