#F05F57 Hex Color

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

Hex color #f05f57 graphic
This saturated, warm red commands immediate attention. Because it is so intense, #f05f57 functions best as a high-impact accent color rather than a dominant background. It pairs exceptionally well with cool, dark charcoals, which ground its aggressive energy. For accessibility, black text provides excellent contrast against this bright shade, making it a reliable choice for buttons or notification badges that need to stand out.

Questions about #f05f57

What is #f05f57 in RGB, HSL and CMYK?
In RGB, #f05f57 is rgb(240, 95, 87), in HSL hsl(3, 84%, 64%) and in CMYK 0%, 60%, 64%, 6%.
Why is #f05f57 a poor choice for a full page background?
This intense red creates significant eye strain when used over large areas because it carries such high visual weight and saturation. It is far more effective as a targeted accent or button color to draw focus, rather than acting as a dominant backdrop.
What neutral colors effectively balance the intensity of #f05f57?
Deep, cool-toned neutrals like charcoal or slate gray provide the necessary grounding to keep this vibrant shade from feeling overwhelming. These dark, muted tones allow the warmth of the red to pop without competing for dominance in your design composition.
Is #f05f57 readable on white or black?
#f05f57 has a 3.24:1 contrast ratio on white and 6.47: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.