#BD2222 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bd2222 is a saturated, intense red that demands immediate attention. Due to its boldness, use it as a tactical accent or button color rather than a dominant background. It comfortably exceeds WCAG AA contrast requirements, so white text remains highly legible against this shade. If your project needs to convey energy or urgency, this hex code is an effective choice for your UI palette.
Questions about #bd2222
What is #bd2222 in RGB, HSL and CMYK?
In RGB, #bd2222 is rgb(189, 34, 34), in HSL hsl(0, 70%, 44%) and in CMYK 0%, 82%, 82%, 26%.
What is the best way to use #bd2222 in a UI design?
Use #bd2222 primarily as a high-contrast accent color for buttons, alerts, or notification badges to drive immediate user focus. Because of its extreme saturation, it tends to overwhelm the eyes when applied to large background surfaces or full-page layouts.
Is #bd2222 readable on white or black?
#bd2222 has a 6.14:1 contrast ratio on white and 3.41: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.