#FF486D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, beaming red commands immediate attention. Because #ff486d is so vivid, it works best as a 10% accent color rather than a primary background shade. It pairs well with dark charcoal for high-contrast UI elements like call-to-action buttons. Use this hex code sparingly to maintain urgency without overwhelming the viewer. Black text remains legible here, ensuring accessibility for critical warnings or sale highlights.
Questions about #ff486d
What is #ff486d in RGB, HSL and CMYK?
In RGB, #ff486d is rgb(255, 72, 109), in HSL hsl(348, 100%, 64%) and in CMYK 0%, 72%, 57%, 0%.
Where should I use #ff486d in a user interface?
Reserve #ff486d for high-contrast UI elements like primary call-to-action buttons or essential sale banners. Because of its extreme vibrancy, using it as a large background risks overwhelming the user, so stick to small, intentional accents that demand focus.
What colors pair well with #ff486d?
This color anchors best against neutral, dark tones like charcoal or deep graphite, which prevent the vibration from feeling too chaotic. Avoid placing it near other loud, saturated colors unless you are intentionally creating a jarring, experimental aesthetic.
Is #ff486d readable on white or black?
#ff486d has a 3.28:1 contrast ratio on white and 6.39: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.