#D80F31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands immediate attention, making it perfect for call to action buttons or urgent alerts. Because of its intensity, treat #d80f31 as a 10% accent rather than a base color. It pairs well with charcoal or cool slate grays to ground the aggressive energy. White text maintains a 5.2:1 contrast ratio against this hex code, ensuring readable highlights on your site.
Questions about #d80f31
What is #d80f31 in RGB, HSL and CMYK?
In RGB, #d80f31 is rgb(216, 15, 49), in HSL hsl(350, 87%, 45%) and in CMYK 0%, 93%, 77%, 15%.
How should I use #d80f31 in a web design interface?
Use #d80f31 sparingly as a high-impact accent, ideally occupying no more than 10 percent of your screen real estate. This saturated tone works best for urgent call-to-action buttons. Balance the intensity by pairing it with charcoal to ground its aggressive visual energy.
Is #d80f31 readable on white or black?
#d80f31 has a 5.20:1 contrast ratio on white and 4.03: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.