#FF5959 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ff5959 graphic
This saturated red commands instant attention. Because #ff5959 is so aggressive, it works best as a sharp accent rather than a dominant background. It is perfect for call-to-action buttons or warning indicators. Black text remains highly legible against this tone. While you might wonder about mixing brown to create softer palettes, keep this hex code for designs needing immediate, high-energy impact.

Questions about #ff5959

What is #ff5959 in RGB, HSL and CMYK?
In RGB, #ff5959 is rgb(255, 89, 89), in HSL hsl(0, 100%, 67%) and in CMYK 0%, 65%, 65%, 0%.
Is #ff5959 suitable for large background areas?
Avoid using #ff5959 as a background color for large surfaces because its high saturation and aggressive intensity will quickly fatigue the reader's eyes. It functions best when applied to small, focused elements that require immediate user attention like buttons or badges.
What colors pair well with #ff5959 in a design scheme?
Pair #ff5959 with a neutral charcoal or dark gray to ground its intensity and maintain high readability. If you need to create a high-contrast palette for UI design, navy provides a sophisticated, professional balance that tones down this red's sharp, energetic nature.
Is #ff5959 readable on white or black?
#ff5959 has a 3.07:1 contrast ratio on white and 6.82: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.