#DD0018 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #dd0018 graphic
#dd0018 is a high-octane, saturated red that demands instant attention. Its intensity makes it perfect as a 10 percent accent color for buttons or call to action highlights rather than a full background. Pair this shade with slate grays or charcoal to ground its aggressive energy. Because it sits well above the 4.5:1 contrast threshold, clean white typography remains highly legible over it.

Questions about #dd0018

What is #dd0018 in RGB, HSL and CMYK?
In RGB, #dd0018 is rgb(221, 0, 24), in HSL hsl(353, 100%, 43%) and in CMYK 0%, 100%, 89%, 13%.
How should #dd0018 be used in a professional UI design?
Reserve #dd0018 for small, impactful UI elements like primary call to action buttons or alert badges. Because this shade is so visually aggressive, it works best as a 10 percent accent rather than a full background to maintain user focus.
What colors pair best with #dd0018 for a balanced palette?
Balance the aggressive energy of #dd0018 by pairing it with neutral, muted tones like charcoal or slate gray. These darker, cooler neutrals ground the intensity of the red, preventing the design from becoming too overwhelming or chaotic for the viewer.
Is #dd0018 readable on white or black?
#dd0018 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.