#FF6F61 Hex Color

A high-energy, saturated red-orange accent

Hex color #ff6f61 graphic
#ff6f61 is a high-energy, saturated red-orange that demands attention. Because it sits on the brighter end of the spectrum, it works best as a small accent rather than a full page background. Use it for call-to-action buttons or highlights. Since black text provides excellent 7.7:1 contrast on this hex code, it remains readable even when used for smaller UI details.

Questions about #ff6f61

What is #ff6f61 in RGB, HSL and CMYK?
In RGB, #ff6f61 is rgb(255, 111, 97), in HSL hsl(5, 100%, 69%) and in CMYK 0%, 56%, 62%, 0%.
What colors pair well with the #ff6f61 red-orange?
Because #ff6f61 is so saturated, it works best when balanced by neutral, grounding tones. Pair it with a deep charcoal to maximize contrast, or use a soft cream to temper the intensity without losing the warmth of the original hue.
Should I use #ff6f61 for website backgrounds?
It is generally not recommended to use #ff6f61 as a full-page background because the high saturation can quickly overwhelm the viewer and cause eye strain. Reserve this vivid tone for smaller elements like buttons, badges, or notification icons to effectively guide user focus.
Is #ff6f61 readable on white or black?
#ff6f61 has a 2.72:1 contrast ratio on white and 7.69: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.