#FF5A46 Hex Color
An energetic coral red with intense warmth
This saturated coral-red commands attention with its intense, beaming energy. While too overpowering for large backgrounds, #ff5a46 functions best as a high-impact accent or CTA button to drive user action. It pairs unexpectedly well with deep charcoal or muted teal to temper its warmth. Because it offers a 6.8:1 contrast ratio with black, standard text remains legible for critical UI elements.
Questions about #ff5a46
What is #ff5a46 in RGB, HSL and CMYK?
In RGB, #ff5a46 is rgb(255, 90, 70), in HSL hsl(6, 100%, 64%) and in CMYK 0%, 65%, 73%, 0%.
How should I use #ff5a46 effectively in a web interface?
Reserve #ff5a46 for high-impact interactive elements like buttons, alerts, or notification badges to drive user attention. Because it is a highly saturated coral, using it for large backgrounds can overwhelm the viewer and make content difficult to read.
What colors pair well with #ff5a46 for a balanced design?
Is #ff5a46 readable on white or black?
#ff5a46 has a 3.08:1 contrast ratio on white and 6.80: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.