#D81236 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands immediate attention. Because #d81236 is so intense, use it sparingly as a 10% accent color for calls to action or UI alerts rather than large backgrounds. It pairs surprisingly well with dark charcoal grays for a modern, industrial look. The hex code for this powerful red is #d81236, which maintains excellent contrast for white text overlays.
Questions about #d81236
What is #d81236 in RGB, HSL and CMYK?
In RGB, #d81236 is rgb(216, 18, 54), in HSL hsl(349, 85%, 46%) and in CMYK 0%, 92%, 75%, 15%.
How should I use #d81236 in interface design?
Apply #d81236 as a sparse 10% accent color to draw the eye toward critical calls to action or urgent alerts. Because the saturation is so intense, it often overwhelms the user if used for large backgrounds or primary branding elements.
What colors pair well with #d81236?
This red works best when balanced against neutral, grounded tones like charcoal or soft off-whites. These dark, industrial grays prevent the brightness of #d81236 from feeling chaotic, creating a clean, modern aesthetic that keeps the focus on your primary content.
Is #d81236 readable on white or black?
#d81236 has a 5.17:1 contrast ratio on white and 4.05: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.