#BD1717 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-intensity, saturated red, #bd1717 commands attention immediately. Because of its sheer boldness, this shade functions best as a striking accent for calls to action or alert indicators rather than a full background. The hex code #bd1717 offers strong readability with white text, maintaining a 6.4:1 contrast ratio that ensures your important UI elements remain legible for every user.
Questions about #bd1717
What is #bd1717 in RGB, HSL and CMYK?
In RGB, #bd1717 is rgb(189, 23, 23), in HSL hsl(0, 78%, 42%) and in CMYK 0%, 88%, 88%, 26%.
Why is #bd1717 effective for UI alert design?
This red functions effectively because it provides high visual urgency while maintaining a 6.4:1 contrast ratio against white text. It grabs user attention instantly without sacrificing the legibility required for important system messages or actionable interface elements.
What colors balance the boldness of #bd1717?
To temper this intense red, pair it with neutral tones like charcoal or soft off-whites to ground the visual. Using it alongside too many other vibrant colors can create unnecessary visual noise, so limit its use to specific call-to-action buttons.
Is #bd1717 readable on white or black?
#bd1717 has a 6.36:1 contrast ratio on white and 3.29: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.