#F04E6E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands immediate attention. Because of its intensity, #f04e6e works best as a sharp accent or call-to-action button rather than a primary background color. It pairs unexpectedly well with deep charcoal grays or soft, desaturated teals to balance the heat. The hex code #f04e6e maintains enough contrast for black text, ensuring readability when used for smaller UI elements.
Questions about #f04e6e
What is #f04e6e in RGB, HSL and CMYK?
In RGB, #f04e6e is rgb(240, 78, 110), in HSL hsl(348, 84%, 62%) and in CMYK 0%, 68%, 54%, 6%.
How can I effectively balance the intensity of #f04e6e in a design?
You should pair #f04e6e with neutral, desaturated colors to ground its high energy and prevent it from overwhelming the layout. Using charcoal for text or a soft teal as a background helps temper its brightness while maintaining a professional appearance.
Is #f04e6e a suitable choice for large areas of text or background?
It is generally not recommended to use #f04e6e as a primary background or large-scale text color because its high saturation can quickly cause visual fatigue. Use it instead for interactive elements like buttons, badges, or small highlights to ensure readability and focus.
Is #f04e6e readable on white or black?
#f04e6e has a 3.48:1 contrast ratio on white and 6.01: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.