#FF5577 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff5577 is a high-energy, saturated pinkish-red that demands immediate attention. Because of its intensity, this hue works best as a sharp accent or CTA button rather than a large background. It pairs surprisingly well with deep charcoal grays or soft, desaturated teals. Black text remains legible against this hex code, ensuring accessibility for interface elements and call-to-action buttons.
Questions about #ff5577
What is #ff5577 in RGB, HSL and CMYK?
In RGB, #ff5577 is rgb(255, 85, 119), in HSL hsl(348, 100%, 67%) and in CMYK 0%, 67%, 53%, 0%.
How should I use #ff5577 in a user interface?
Use #ff5577 sparingly as a sharp accent color for call-to-action buttons or alert icons rather than large background areas. Its high saturation works best when balanced against neutral, deep tones like charcoal or soft, muted teals for visual relief.
Does black text work well on #ff5577?
Black text maintains high legibility against this specific shade, making it a reliable choice for accessible interface elements. This high-contrast pairing ensures your buttons and actionable text remain readable while still delivering that bold, high-energy visual impact designers often need.
Is #ff5577 readable on white or black?
#ff5577 has a 3.08:1 contrast ratio on white and 6.81: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.