#DE0024 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de0024 is an intense, high-energy red that demands immediate attention. Due to its extreme saturation, it functions best as a tactical accent or call-to-action button rather than a background color. Pair it with soft, muted grays or charcoals to temper its visual heat. This hex code offers enough contrast for white text to remain legible, making it a reliable choice for UI alerts and high-impact design elements.
Questions about #de0024
What is #de0024 in RGB, HSL and CMYK?
In RGB, #de0024 is rgb(222, 0, 36), in HSL hsl(350, 100%, 44%) and in CMYK 0%, 100%, 84%, 13%.
How can I balance the intensity of #de0024 in a design?
Use #de0024 sparingly as a tactical accent against neutral backgrounds to prevent it from overwhelming your layout. It pairs effectively with charcoal or cool-toned grays, which temper its visual heat and create a professional, readable contrast.
Is #de0024 suitable for body text or large background areas?
Avoid using #de0024 for long-form body text or large blocks of color because its extreme saturation causes eye strain. It is best reserved for interactive elements like buttons, error states, or small icons that require immediate user attention.
Is #de0024 readable on white or black?
#de0024 has a 5.08:1 contrast ratio on white and 4.13: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.