#FC7060 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fc7060 graphic
#fc7060 is a saturated, high-energy red with warm, coral undertones. It demands attention and works best as a bold accent or a call-to-action button rather than a large background. While black text remains highly readable over this shade, the intensity can overwhelm a layout. Try pairing it with cool, slate blues to balance its inherent heat and create a sophisticated contrast.

Questions about #fc7060

What is #fc7060 in RGB, HSL and CMYK?
In RGB, #fc7060 is rgb(252, 112, 96), in HSL hsl(6, 96%, 68%) and in CMYK 0%, 56%, 62%, 1%.
What colors pair well with #fc7060 for a balanced design?
Use cool, desaturated tones like slate or navy to anchor the intensity of #fc7060. These muted blues provide a sophisticated contrast that prevents the vibrant warmth of this coral-red from overwhelming your interface layout.
How can I use #fc7060 effectively in a UI design?
Limit #fc7060 to high-impact UI elements like primary buttons or notification badges rather than background washes. Because of its extreme saturation, it commands significant visual attention and can quickly tire the eye if applied across large surface areas.
Is #fc7060 readable on white or black?
#fc7060 has a 2.75:1 contrast ratio on white and 7.62: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.