#DF3642 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-impact and intensely saturated, #df3642 demands attention. This fierce red works best as a 10 percent accent color to drive urgency in calls to action rather than as a dominant background. It pairs surprisingly well with muted teals, which prevents the shade from feeling overwhelming. The hex code for this powerful red is #df3642. Black text remains legible against this hue for accessible interfaces.
Questions about #df3642
What is #df3642 in RGB, HSL and CMYK?
In RGB, #df3642 is rgb(223, 54, 66), in HSL hsl(356, 73%, 54%) and in CMYK 0%, 76%, 70%, 13%. Browse more shades of red with names and hex codes.
How should I use #df3642 in a UI design?
#df3642 works best as a high-contrast accent color rather than a primary background shade, as its high saturation can overwhelm the eyes. Apply it sparingly to call to action buttons or alert badges to signal immediate urgency.
What colors complement #df3642?
Muted teals and deep, cooling greens balance the intensity of #df3642 effectively. Pairing it with a neutral charcoal or soft grey helps ground the red, ensuring your interface maintains a professional hierarchy without appearing too aggressive.
Is #df3642 readable on white or black?
#df3642 has a 4.42:1 contrast ratio on white and 4.74: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.