#B28E33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, warm yellow leans into olive territory, bringing an earthy and organic feeling to branding or outdoor design. Because of its mellow saturation, #b28e33 works best as an accent rather than a primary background. It pairs well with dark charcoal or off-white, offering plenty of readability. If you want to soften this shade, knowing how to make gray can help you mute it further.
Questions about #b28e33
What is #b28e33 in RGB, HSL and CMYK?
In RGB, #b28e33 is rgb(178, 142, 51), in HSL hsl(43, 55%, 45%) and in CMYK 0%, 20%, 71%, 30%.
Which colors pair best with the muted #b28e33?
This earthy shade works best when balanced against high-contrast neutrals like charcoal or soft off-whites, which prevent the yellow from appearing muddy. For a more vibrant look, try pairing #b28e33 with deep navy or soft terracotta accents to ground the design.
Does #b28e33 function well as a primary background color?
Using #b28e33 as a primary background often creates readability issues due to its medium-dark saturation. It is significantly more effective as an accent color for buttons, borders, or text highlights where you need to introduce organic, sophisticated warmth without overwhelming the user interface.
Is #b28e33 readable on white or black?
#b28e33 has a 3.08:1 contrast ratio on white and 6.80: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.