#D1213E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red commands attention immediately. Because #d1213e is so bold, it functions best as a small accent rather than a full background, which can overwhelm the eyes. It pairs effectively with deep charcoal grays to ground its energy. White text is legible against the hex code #d1213e, making it a functional choice for buttons and call to action elements in user interface design.
Questions about #d1213e
What is #d1213e in RGB, HSL and CMYK?
In RGB, #d1213e is rgb(209, 33, 62), in HSL hsl(350, 73%, 47%) and in CMYK 0%, 84%, 70%, 18%.
How can I use #d1213e effectively in web design?
This bold red functions best as a high-impact accent, such as for primary call-to-action buttons or alert icons. Because #d1213e is visually aggressive, avoid using it as a background color to keep your interface readable and prevent user fatigue.
What colors pair well with #d1213e?
To ground the high energy of #d1213e, pair it with neutral charcoal or slate grays. These darker tones provide necessary contrast without competing with the red, allowing your design elements to maintain hierarchy while remaining professional and balanced.
Is #d1213e readable on white or black?
#d1213e has a 5.25:1 contrast ratio on white and 3.99: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.