#FF3232 Hex Color
High intensity red demanding immediate attention
This high-intensity red demands immediate attention. Because it is so saturated, reserve #ff3232 for small UI accents like call-to-action buttons rather than large backgrounds. It provides excellent contrast for black text, with a ratio of 5.8:1. Pair this hex code with dark charcoal grays to ground its aggressive energy without muting its impact.
Questions about #ff3232
What is #ff3232 in RGB, HSL and CMYK?
In RGB, #ff3232 is rgb(255, 50, 50), in HSL hsl(0, 100%, 60%) and in CMYK 0%, 80%, 80%, 0%.
How should I use #ff3232 in my UI design?
Reserve #ff3232 for small, actionable elements like primary buttons or notification badges rather than large backgrounds to prevent visual fatigue. Its high saturation works best when used sparingly to guide a user's eye toward specific, important interactions on your screen.
What colors pair well with #ff3232?
To ground this aggressive red, pair it with deep, neutral tones like charcoal or dark slate. These muted backgrounds reduce the strain on the viewer while allowing the vibrancy of #ff3232 to stand out without overwhelming the overall composition of your design.
Is #ff3232 readable on white or black?
#ff3232 has a 3.64:1 contrast ratio on white and 5.75: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.