#FF5F5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff5f5f is a vivid, high-energy red with warm, coral-like undertones. This intense shade demands immediate attention, making it a perfect choice for call-to-action buttons or specific highlights. Because black text maintains strong legibility against this hue, it works well for small, crisp UI elements. Avoid using the hex code #ff5f5f as a primary background, as its brightness can quickly overwhelm your design layout.
Questions about #ff5f5f
What is #ff5f5f in RGB, HSL and CMYK?
In RGB, #ff5f5f is rgb(255, 95, 95), in HSL hsl(0, 100%, 69%) and in CMYK 0%, 63%, 63%, 0%.
Is #ff5f5f suitable for large background areas?
Avoid using #ff5f5f as a primary background color because its high saturation and intensity can quickly cause visual fatigue for users. It is far more effective as a strategic highlight to direct attention toward specific call-to-action elements like buttons or notification badges.
Which text colors work best with #ff5f5f?
Black text maintains strong legibility against #ff5f5f, creating a crisp and modern aesthetic for UI design. Using dark, neutral tones like charcoal or dark gray is also an excellent choice, as these shades soften the contrast slightly without sacrificing clarity or readability.
Is #ff5f5f readable on white or black?
#ff5f5f has a 2.97:1 contrast ratio on white and 7.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.