#FF5151 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands immediate attention. Because the tone is so loud, use #ff5151 as a tactical accent color rather than a large background. It pairs well with deep charcoal grays to ground its intensity. The hex code for this vivid shade is #ff5151. Black text maintains readable contrast against it for accessible UI elements like buttons or alerts.
Questions about #ff5151
What is #ff5151 in RGB, HSL and CMYK?
In RGB, #ff5151 is rgb(255, 81, 81), in HSL hsl(0, 100%, 66%) and in CMYK 0%, 68%, 68%, 0%.
How should I use #ff5151 in my interface design?
Because #ff5151 is extremely saturated, it serves best as a purposeful accent rather than a background. Use it for call-to-action buttons or urgent alerts where you need to guide the user's eye, ideally paired with charcoal for readability.
Is #ff5151 readable on white or black?
#ff5151 has a 3.20:1 contrast ratio on white and 6.54: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.