#FC4554 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity red commands attention immediately. The hex code #fc4554 is saturated and bold, making it ideal for call-to-action buttons or small UI accents. Avoid using it as a large background because its intensity can overwhelm the viewer. It pairs well with dark charcoal, and black text provides excellent readability against this color for interface design.
Questions about #fc4554
What is #fc4554 in RGB, HSL and CMYK?
In RGB, #fc4554 is rgb(252, 69, 84), in HSL hsl(355, 97%, 63%) and in CMYK 0%, 73%, 67%, 1%.
What is the best way to use #fc4554 in UI design?
#fc4554 works best as a small, high-impact accent, such as a call-to-action button or a notification badge. Because of its extreme saturation, avoid using it as a large background color, as it can quickly overwhelm the viewer and fatigue the eyes.
Does text read well against the #fc4554 background?
Black or very dark text provides excellent readability against #fc4554, making it a reliable choice for buttons or labels. For a softer, more modern contrast, try pairing it with charcoal text rather than pure black to maintain high legibility without harshness.
Is #fc4554 readable on white or black?
#fc4554 has a 3.43:1 contrast ratio on white and 6.11:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.