#D82036 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity red #d82036 commands attention with its saturated, warm profile. Because it is so dominant, this hue works best as a small accent rather than a background color. It pairs surprisingly well with muted teals to balance its natural urgency. White text stands out clearly against the hex code #d82036, ensuring readability when used for calls to action or alert highlights.
Questions about #d82036
What is #d82036 in RGB, HSL and CMYK?
In RGB, #d82036 is rgb(216, 32, 54), in HSL hsl(353, 74%, 49%) and in CMYK 0%, 85%, 75%, 15%.
How should I use #d82036 effectively in UI design?
Use #d82036 primarily as a high-contrast accent color for critical calls to action or error states rather than large backgrounds. Because this red is so intense, it creates immediate visual urgency that overwhelms the eye if used too broadly across a page.
What colors complement #d82036 for a balanced interface?
Pair #d82036 with a muted teal to neutralize its natural warmth and create a sophisticated, professional contrast. Using a neutral off-white or very soft gray background helps keep the layout readable and prevents the vibrant red from appearing muddy or cluttered.
Is #d82036 readable on white or black?
#d82036 has a 5.02:1 contrast ratio on white and 4.17: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.