#FF5476 Hex Color

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

Hex color #ff5476 graphic
High-octane and unapologetically bright, #ff5476 is a saturated, reddish-pink that commands immediate attention. Its intense chroma makes it ideal for small accents like buttons or call-to-action highlights rather than large, overwhelming backgrounds. Pair it with dark charcoal grays to ground the energy without dulling the impact. This hex code offers enough contrast for legible black text, making it a functional choice for high-visibility UI elements.

Questions about #ff5476

What is #ff5476 in RGB, HSL and CMYK?
In RGB, #ff5476 is rgb(255, 84, 118), in HSL hsl(348, 100%, 66%) and in CMYK 0%, 67%, 54%, 0%.
What colors pair best with #ff5476 for a balanced interface?
Since #ff5476 is high-octane and saturated, it works best when paired with neutral, grounding tones like charcoal or deep slate grays. These dark, muted colors effectively tame the intensity of the pink without stripping away its vibrant, modern energy.
Is #ff5476 suitable for large-scale text usage?
It is generally not recommended to use #ff5476 for long-form body text because its high chromatic intensity causes eye strain over time. Use it instead for functional UI elements like buttons, error states, or small decorative highlights to maintain readability.
Is #ff5476 readable on white or black?
#ff5476 has a 3.09:1 contrast ratio on white and 6.78: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.