#FF5454 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy shade sits between a true red and a warm coral. Because #ff5454 is so saturated, it works best as an accent color for calls to action or urgent UI alerts rather than large backgrounds. It pairs well with charcoal or dark slate grays, which ground its intensity. Black text maintains high legibility on this hex code, making it functional for bold, attention-grabbing design elements.
Questions about #ff5454
What is #ff5454 in RGB, HSL and CMYK?
In RGB, #ff5454 is rgb(255, 84, 84), in HSL hsl(0, 100%, 66%) and in CMYK 0%, 67%, 67%, 0%.
How should I use #ff5454 in interface design?
#ff5454 works best as an attention-grabbing accent color rather than a background shade. Use it for primary call-to-action buttons or critical system alerts where high visibility is required, ensuring you maintain contrast against charcoal or deep slate grays.
What colors pair well with #ff5454?
Because of its intense saturation, #ff5454 is best balanced by neutral, grounding tones. Deep charcoal or dark slate provide the necessary visual weight to anchor the vibrancy, while black text remains highly legible against this bright, warm hue.
Is #ff5454 readable on white or black?
#ff5454 has a 3.15:1 contrast ratio on white and 6.64: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.