#FC7C74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fc7c74 is a high-energy coral red that demands attention. Because it is so saturated and bright, it works best as a 10% accent rather than a dominant background. Pair it with deep charcoal or slate greys to balance its intensity. With an 8.3:1 contrast ratio, black text remains highly legible against this hue, making it a safe choice for call-to-action buttons or alert indicators.
Questions about #fc7c74
What is #fc7c74 in RGB, HSL and CMYK?
In RGB, #fc7c74 is rgb(252, 124, 116), in HSL hsl(4, 96%, 72%) and in CMYK 0%, 51%, 54%, 1%.
What colors pair well with #fc7c74?
Because #fc7c74 is so saturated, it works best when grounded by deep neutrals like charcoal or slate gray. These darker, muted tones provide the necessary contrast to balance its intensity, preventing the design from feeling too chaotic or overwhelming for users.
Is #fc7c74 a good choice for UI text?
Avoid using #fc7c74 for body text, as its high saturation can cause eye strain and readability issues against most backgrounds. Instead, reserve it for actionable elements like buttons or notification badges where you need to draw the user's attention immediately.
Is #fc7c74 readable on white or black?
#fc7c74 has a 2.53:1 contrast ratio on white and 8.27: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.