#BB8747 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, brownish-orange carries a distinct warm, mellow quality. It functions best as an accent rather than a base, as its saturation can feel muddy in large, solid blocks. When paired with deep charcoal or slate gray, the hex code #bb8747 pops with unexpected clarity. Because it offers strong contrast against dark text, it remains a reliable, accessible choice for buttons and UI details.
Questions about #bb8747
What is #bb8747 in RGB, HSL and CMYK?
In RGB, #bb8747 is rgb(187, 135, 71), in HSL hsl(33, 46%, 51%) and in CMYK 0%, 28%, 62%, 27%.
How can I effectively use #bb8747 in a design?
Use #bb8747 primarily as a secondary accent rather than a base, as its saturation works best in small doses. Pair it with charcoal or deep gray backgrounds to provide enough contrast for the color to pop clearly without looking muddy.
Is #bb8747 considered a warm or cool color?
This color reads distinctly warm due to its strong orange and brown composition. Because of these earthy undertones, it creates a grounded feel that lacks the aggressive vibrancy of pure orange, making it a reliable choice for buttons or subtle interface highlights.
Is #bb8747 readable on white or black?
#bb8747 has a 3.14:1 contrast ratio on white and 6.66: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.