#D32F2F Hex Color
Bold high-intensity red with energetic impact
This high-intensity red demands attention and creates an immediate visual impact. Because #d32f2f is so saturated, it works best as a 10% accent color rather than a primary background to avoid overwhelming the viewer. Pair it with soft, muted grays to ground the energy, as white text provides necessary contrast against its brightness. The hex code for this bold shade is #d32f2f.
Questions about #d32f2f
What is #d32f2f in RGB, HSL and CMYK?
In RGB, #d32f2f is rgb(211, 47, 47), in HSL hsl(0, 65%, 51%) and in CMYK 0%, 78%, 78%, 17%.
How should I effectively use #d32f2f in a user interface?
#d32f2f is best utilized as a specific accent color rather than a primary background because of its high saturation. Use it sparingly for call-to-action buttons or alert states against neutral backgrounds, ensuring white text provides the necessary contrast for readability.
What colors pair well with the intense #d32f2f?
This vibrant red balances beautifully when paired with charcoal or soft neutral grays to ground its visual energy. Using these muted tones as the dominant colors allows #d32f2f to pop as an effective highlight without causing visual fatigue for your audience.
Is #d32f2f readable on white or black?
#d32f2f has a 4.97:1 contrast ratio on white and 4.21:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.