#DC4747 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dc4747 is a punchy, warm red with high saturation that demands immediate attention. Because it is aggressive and intense, use it sparingly as a 10% accent for calls to action or alert notifications rather than as a background. It pairs exceptionally well with charcoal gray, which tempers its natural ferocity. For readable text, stick with black over white, as the contrast ratio is clearer.
Questions about #dc4747
What is #dc4747 in RGB, HSL and CMYK?
In RGB, #dc4747 is rgb(220, 71, 71), in HSL hsl(0, 68%, 57%) and in CMYK 0%, 68%, 68%, 14%.
How should I use #dc4747 effectively in my UI design?
Use #dc4747 as a high-contrast accent color rather than a background shade to maintain user focus. Because it is visually aggressive, reserve it for critical UI elements like error states or important call to action buttons where you need to draw the eye immediately.
What colors pair well with the intense #dc4747 red?
The most effective way to temper the heat of #dc4747 is to pair it with charcoal or deep neutral grays. These darker tones ground the saturation of the red, preventing it from overwhelming the rest of your design layout.
Is #dc4747 readable on white or black?
#dc4747 has a 4.17:1 contrast ratio on white and 5.03: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.