#D33131 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d33131 is an intense, saturated red that demands immediate attention. Designers use this shade effectively for buttons, call-to-action elements, or emergency warnings. Because of its sheer power, this color functions best as a small accent rather than a full page background. Pair it with dark grays to anchor the intensity. The hex code for this bold red is #d33131.
Questions about #d33131
What is #d33131 in RGB, HSL and CMYK?
In RGB, #d33131 is rgb(211, 49, 49), in HSL hsl(0, 65%, 51%) and in CMYK 0%, 77%, 77%, 17%. Browse more shades of red with names and hex codes.
Why does #d33131 work best as an accent color?
The high saturation of #d33131 makes it visually overpowering for large background areas, but perfect for drawing the eye to call-to-action buttons or critical alerts. Limiting its use ensures your interface design remains readable rather than overwhelming.
Which colors balance the intensity of #d33131?
Pairing #d33131 with deep neutrals like charcoal or slate grays creates a sophisticated contrast that anchors the brightness. You can also use soft off-whites to let the red stand out without vibrating aggressively against the surrounding elements.
Is #d33131 readable on white or black?
#d33131 has a 4.93:1 contrast ratio on white and 4.25: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.