#DE0031 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de0031 is a high-intensity red that commands immediate attention. Its extreme saturation makes it overwhelming for large backgrounds, so use this hex code sparingly as a button highlight or a small accent to drive user action. White text provides a clean 5.1:1 contrast against this shade, ensuring excellent legibility for critical UI elements like error messages or call-to-action buttons.
Questions about #de0031
What is #de0031 in RGB, HSL and CMYK?
In RGB, #de0031 is rgb(222, 0, 49), in HSL hsl(347, 100%, 44%) and in CMYK 0%, 100%, 78%, 13%.
Is #de0031 appropriate for body text?
No, avoid using #de0031 for large blocks of body text because its extreme saturation causes rapid visual fatigue. This color works best when reserved for small, critical interface elements like error alerts or specific call-to-action buttons where immediate user interaction is required.
What colors pair well with #de0031?
Is #de0031 readable on white or black?
#de0031 has a 5.05:1 contrast ratio on white and 4.15: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.