#D9042B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands immediate attention. Because of its intense chroma, #d9042b works best as a 10% accent rather than a full background color, where it can easily overwhelm the eye. It pairs unexpectedly well with deep charcoal grays to ground its loudness. With a 5.2:1 contrast ratio against white, the hex code remains perfectly readable for UI calls to action.
Questions about #d9042b
What is #d9042b in RGB, HSL and CMYK?
In RGB, #d9042b is rgb(217, 4, 43), in HSL hsl(349, 96%, 43%) and in CMYK 0%, 98%, 80%, 15%.
How should I use #d9042b in a UI design?
Reserve #d9042b for high-impact call-to-action buttons or small alert icons rather than large backgrounds. Because of its intense chroma, it can quickly overwhelm a layout, so keeping it to a 10% accent ratio maintains visual balance.
What colors pair well with #d9042b?
This vibrant red grounds effectively against deep charcoal or slate grays, which help neutralize its loudness. Using it alongside neutral off-whites also allows the color to pop without clashing, making it ideal for clean, modern interfaces.
Is #d9042b readable on white or black?
#d9042b has a 5.24:1 contrast ratio on white and 4.00: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.