#BD4A19 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy orange carries a strong red undertone that commands attention. Because it is so intense, #bd4a19 functions best as a small accent or a bold call-to-action button rather than a background color. It pairs surprisingly well with deep charcoal grays or slate blues. The hex code for this vivid shade is #bd4a19, which provides sufficient contrast for white text.
Questions about #bd4a19
What is #bd4a19 in RGB, HSL and CMYK?
In RGB, #bd4a19 is rgb(189, 74, 25), in HSL hsl(18, 77%, 42%) and in CMYK 0%, 61%, 87%, 26%.
What are the best color pairings for #bd4a19?
Use high-contrast neutrals to balance this intense orange effectively. Pairing #bd4a19 with charcoal or deep slate blues creates a sophisticated, grounded look, while keeping the energy of the primary color focused and impactful for your design layout.
How should I use #bd4a19 in user interface design?
This color works best as an accent or a call-to-action button rather than a background shade. Because of its high saturation, it commands immediate attention, so use it sparingly to guide user eyes toward specific, important interactions on the page.
Is #bd4a19 readable on white or black?
#bd4a19 has a 5.05:1 contrast ratio on white and 4.15: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.