#BD7C25 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated orange feels mellow and warm, avoiding the harshness of brighter tones. Because #bd7c25 provides strong contrast with black text, it works well for readable UI elements. Use this hex code as an accent color rather than a primary background to avoid overwhelming your layout. It pairs with deep charcoal grays to create a grounded feel for branding or autumn-themed web graphics.
Questions about #bd7c25
What is #bd7c25 in RGB, HSL and CMYK?
In RGB, #bd7c25 is rgb(189, 124, 37), in HSL hsl(34, 67%, 44%) and in CMYK 0%, 34%, 80%, 26%.
How can I effectively use #bd7c25 in a web layout?
#bd7c25 works best as an accent color for buttons or highlights rather than a primary background to avoid overwhelming your users. Pairing it with charcoal or deep neutral grays helps maintain high readability while keeping the interface feeling warm and grounded.
Is #bd7c25 readable on white or black?
#bd7c25 has a 3.45:1 contrast ratio on white and 6.07: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.