#D50F00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red commands immediate attention with its high saturation and brilliant warmth. Because #d50f00 is so aggressive, it functions best as a small, high-impact accent rather than a full background. Pair it sparingly with cool grays or charcoal to balance its visual noise. White text reads clearly over this shade, ensuring readability for crucial calls to action or urgent alerts.
Questions about #d50f00
What is #d50f00 in RGB, HSL and CMYK?
In RGB, #d50f00 is rgb(213, 15, 0), in HSL hsl(4, 100%, 42%) and in CMYK 0%, 93%, 100%, 16%.
How should I use the intense red #d50f00 in my design?
#d50f00 is an incredibly aggressive color that commands immediate attention, so you should reserve it for high-impact accents or critical UI elements like call-to-action buttons. Avoid using it as a large background color, as it causes significant visual fatigue.
What colors pair best with #d50f00?
To balance the visual noise of #d50f00, pair it with neutral tones like charcoal or cool grays, which help ground the intensity. You can also use crisp white text over this shade to maintain necessary readability for users.
Is #d50f00 readable on white or black?
#d50f00 has a 5.38:1 contrast ratio on white and 3.89: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.