#DC3C3E Hex Color
An urgent and commanding saturated red
This intense, saturated red commands attention immediately. The hex code #dc3c3e functions best as a high-impact accent color rather than a primary background, as its strength can easily overwhelm a design. It pairs effectively with deep charcoal grays or clean off-whites to balance its urgency. Because it offers strong contrast against black, you can use it confidently for actionable UI elements or urgent alerts.
Questions about #dc3c3e
What is #dc3c3e in RGB, HSL and CMYK?
In RGB, #dc3c3e is rgb(220, 60, 62), in HSL hsl(359, 70%, 55%) and in CMYK 0%, 73%, 72%, 14%.
How should I use #dc3c3e in a UI layout?
Because #dc3c3e carries significant visual weight and urgency, it is best reserved for interactive elements like primary call-to-action buttons or critical system alerts. Avoid using this red for large background areas as it can quickly become overwhelming for users.
What colors pair best with #dc3c3e?
To ground the intensity of #dc3c3e, pair it with neutral tones like charcoal or clean off-whites. These neutral choices create a balanced contrast that lets the red pop without fighting for attention against other competing vibrant colors.
Is #dc3c3e readable on white or black?
#dc3c3e has a 4.41:1 contrast ratio on white and 4.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.