#DE4424 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de4424 is a high-intensity red that commands immediate attention. Because of its extreme saturation, this shade works best as a 10% accent color rather than a primary background. It pairs exceptionally well with charcoal grays or deep navies to anchor its raw energy. While black text remains legible against it, use this hue sparingly for call-to-action buttons or highlights where urgency is the primary goal.
Questions about #de4424
What is #de4424 in RGB, HSL and CMYK?
In RGB, #de4424 is rgb(222, 68, 36), in HSL hsl(10, 74%, 51%) and in CMYK 0%, 69%, 84%, 13%.
Where should I use #de4424 in my layout?
Because #de4424 carries such high visual weight, it is best reserved for call-to-action buttons or specific highlights where you need to create a sense of urgency. Avoid using this saturated red as a primary background, as it quickly becomes overwhelming to the eye.
Which colors pair best with #de4424?
Is #de4424 readable on white or black?
#de4424 has a 4.23:1 contrast ratio on white and 4.95: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.