#D12200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands immediate attention with its high intensity and warm, fiery undertones. Because #d12200 is so aggressive, it works best as an accent color for calls to action or alert notifications rather than a full background. Pair it with soft charcoal grays or cool teals to balance the heat. The hex code for this color is #d12200.
Questions about #d12200
What is #d12200 in RGB, HSL and CMYK?
In RGB, #d12200 is rgb(209, 34, 0), in HSL hsl(10, 100%, 41%) and in CMYK 0%, 84%, 100%, 18%.
How can I use #d12200 effectively in a design?
Since #d12200 is visually aggressive, use it sparingly as a high-impact accent color for buttons, notifications, or warnings rather than a primary background shade. It creates natural urgency and draws the eye directly to the most important element on your page.
What colors balance the intensity of #d12200?
You can temper the heat of #d12200 by pairing it with cool, neutral tones like charcoal or deep, muted blues. These darker shades provide the necessary contrast to stabilize the vibrant red, ensuring it does not overwhelm the rest of your layout design.
Is #d12200 readable on white or black?
#d12200 has a 5.33:1 contrast ratio on white and 3.93: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.