#D12229 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d12229 is a high-intensity, saturated red that demands attention. Because it is so dominant, it works best as a 10 percent accent color rather than a main background hue. Use this hex code for call-to-action buttons or alert icons to drive immediate user interaction. It pairs effectively with cool, dark grays to ground its inherent heat and prevent visual fatigue in modern interface designs.
Questions about #d12229
What is #d12229 in RGB, HSL and CMYK?
In RGB, #d12229 is rgb(209, 34, 41), in HSL hsl(358, 72%, 48%) and in CMYK 0%, 84%, 80%, 18%.
How should I use #d12229 effectively in UI design?
#d12229 works best as a high-impact accent color rather than a primary background shade. Reserve this intense red for call-to-action buttons, alert states, or error notifications where immediate user attention is required to drive interaction.
What colors pair best with #d12229?
Pair #d12229 with charcoal or deep, neutral grays to ground its inherent heat. Using these darker, muted tones prevents the red from becoming visually overwhelming and helps maintain a balanced, modern aesthetic in your design layout.
Is #d12229 readable on white or black?
#d12229 has a 5.28:1 contrast ratio on white and 3.97: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.