#F85B84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f85b84 is an intense, high-energy pinkish-red that demands immediate attention. Due to its extreme saturation, it works best as a small accent rather than a full background color. Pair it with deep charcoal or slate for a balanced look. Because black text offers a strong 6.8:1 contrast ratio against the hex code #f85b84, it remains highly readable for buttons and call-to-action elements.
Questions about #f85b84
What is #f85b84 in RGB, HSL and CMYK?
In RGB, #f85b84 is rgb(248, 91, 132), in HSL hsl(344, 92%, 66%) and in CMYK 0%, 63%, 47%, 3%.
How can I use #f85b84 effectively in a design?
Use #f85b84 strictly as a high-impact accent color for buttons, notifications, or alerts where you need to draw the eye immediately. Because it is so saturated, avoid using it for large background areas, as it can quickly overwhelm a layout.
What colors pair best with #f85b84?
Neutral, dark tones provide the best balance for this vibrant shade. Pair it with charcoal or deep slate to ground the energy of the color, or use a crisp white to ensure the pink-red remains the focal point of the composition.
Is #f85b84 readable on white or black?
#f85b84 has a 3.07:1 contrast ratio on white and 6.82: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.