#D62828 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands attention immediately. Because of its high energy, use #d62828 primarily as a call to action or a small accent rather than a dominant background color. It pairs effectively with deep charcoals. White text offers excellent clarity on this hex code with a 5.0:1 contrast ratio, ensuring your UI components remain accessible and readable for all users.
Questions about #d62828
What is #d62828 in RGB, HSL and CMYK?
In RGB, #d62828 is rgb(214, 40, 40), in HSL hsl(0, 69%, 50%) and in CMYK 0%, 81%, 81%, 16%.
How should I use #d62828 in a user interface?
Because of its high-energy intensity, #d62828 serves best as a purposeful accent rather than a dominant background color. It draws the eye quickly, making it an ideal candidate for call-to-action buttons or critical system alerts against clean layouts.
What colors pair best with #d62828 for a balanced palette?
Pair #d62828 with deep charcoal or soft neutral off-whites to ground its intensity and maintain readability. Using it alongside desaturated teals can create a strong, complementary contrast that feels intentional and visually balanced for modern brand applications.
Is #d62828 readable on white or black?
#d62828 has a 5.00:1 contrast ratio on white and 4.19: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.