#FF8686 Hex Color

Energetic coral red for high-impact accents

Hex color #ff8686 graphic
#ff8686 is a high-energy, warm coral-red with significant saturation. It commands immediate attention, making it an excellent choice for buttons and call-to-action elements where you need a jolt of urgency. Because it is quite bright, it works best as a 10% accent rather than a dominant background. Pair it with deep charcoal or navy to ground its intensity and prevent it from feeling overwhelming.

Questions about #ff8686

What is #ff8686 in RGB, HSL and CMYK?
In RGB, #ff8686 is rgb(255, 134, 134), in HSL hsl(0, 100%, 76%) and in CMYK 0%, 47%, 47%, 0%.
How do I best use #ff8686 in a user interface?
Use #ff8686 as a strategic accent color for call-to-action buttons or highlights rather than as a primary background. Its high saturation works best when limited to small, punchy elements against a neutral palette, preventing the design from feeling visually overwhelming.
What colors pair well with #ff8686 to balance its intensity?
To ground the intense warmth of #ff8686, pair it with deep, cool neutrals like navy or charcoal. These dark colors provide a necessary visual anchor that prevents the coral-red from feeling too bright or scattered across your layout.
Is #ff8686 readable on white or black?
#ff8686 has a 2.33:1 contrast ratio on white and 9.00: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.