#BC8834 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bc8834 graphic
This mellow, desaturated orange offers a grounded, earthy quality. As a hex code, #bc8834 functions best as a warm accent rather than a dominant background. It pairs well with charcoal or deep navy for a sophisticated look. Because it maintains high contrast against dark text, it remains legible in UI elements. For insights into mixing orange, use this hue to balance brighter design palettes.

Questions about #bc8834

What is #bc8834 in RGB, HSL and CMYK?
In RGB, #bc8834 is rgb(188, 136, 52), in HSL hsl(37, 57%, 47%) and in CMYK 0%, 28%, 72%, 26%.
What color schemes work best with #bc8834?
The mellow tone of #bc8834 functions best when paired with high-contrast neutrals like charcoal or deep navy. These dark backgrounds make the warmth of the orange stand out while maintaining the readability required for modern interface design and branding.
Is #bc8834 suitable for text in UI design?
While #bc8834 works well for buttons or accent elements, it often lacks sufficient contrast when used as text against light backgrounds. Stick to using it as a vibrant accent color and pair it with dark, high-contrast text for optimal accessibility standards.
Is #bc8834 readable on white or black?
#bc8834 has a 3.12:1 contrast ratio on white and 6.70:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.