#F87171 Hex Color

Vivid coral red with intense warmth

Hex color #f87171 graphic
#f87171 is a vivid, high-energy red with warm, coral undertones. Because it commands immediate attention, use this saturated tone sparingly as a 10% accent color for calls to action or UI alerts rather than large backgrounds. It maintains excellent readability when paired with black text. This bold hex code works well in high-impact branding where intensity is the goal.

Questions about #f87171

What is #f87171 in RGB, HSL and CMYK?
In RGB, #f87171 is rgb(248, 113, 113), in HSL hsl(0, 91%, 71%) and in CMYK 0%, 54%, 54%, 3%.
How should I use #f87171 in a UI design?
#f87171 functions best as a focused accent color rather than a primary background shade. Use this saturated hue for high-priority calls to action or urgent UI alerts to guide user attention effectively without overwhelming the interface layout.
What colors pair well with #f87171 for a balanced palette?
Pair #f87171 with deep neutrals like charcoal or navy to ground its intensity and maintain strong readability. You can also offset its warmth by incorporating cooler, desaturated tones to prevent visual fatigue in your overall design system.
Is #f87171 readable on white or black?
#f87171 has a 2.76:1 contrast ratio on white and 7.59: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.