#DC0032 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red demands immediate attention. Saturated and warm, #dc0032 functions best as a high-impact accent rather than a dominant background color. It pairs unexpectedly well with deep charcoal or slate gray to ground its aggressive energy. With a contrast ratio of 5.1:1, this hex code supports white text for clear, readable UI calls to action. Use it sparingly to maintain visual balance.
Questions about #dc0032
What is #dc0032 in RGB, HSL and CMYK?
In RGB, #dc0032 is rgb(220, 0, 50), in HSL hsl(346, 100%, 43%) and in CMYK 0%, 100%, 77%, 14%.
How should I use #dc0032 effectively in a design?
This color works best as a surgical accent for primary calls-to-action or critical alerts where you need immediate user focus. Because it is so saturated, avoid using it as a dominant background color to prevent visual fatigue and maintain interface usability.
What colors pair well with #dc0032 for a balanced palette?
To neutralize the intensity of #dc0032, pair it with deep, neutral tones like charcoal or slate gray. These darker, grounded colors act as a visual anchor, allowing the red to pop without overwhelming the rest of your layout.
Is #dc0032 readable on white or black?
#dc0032 has a 5.13:1 contrast ratio on white and 4.08: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.