#B7BC97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty olive-yellow feels mellow and unsaturated, offering a grounded, natural warmth. Because it is highly readable against black text, the hex code #b7bc97 works well for large UI backgrounds or baby product branding. Avoid pairing it with stark white, as it can look washed out. Instead, try using this shade alongside deeper slate grays for a balanced, sophisticated palette.
Questions about #b7bc97
What is #b7bc97 in RGB, HSL and CMYK?
In RGB, #b7bc97 is rgb(183, 188, 151), in HSL hsl(68, 22%, 66%) and in CMYK 3%, 0%, 20%, 26%. Browse more shades of yellow with names and hex codes.
What colors pair well with #b7bc97 for a balanced palette?
#b7bc97 thrives when paired with darker, moody neutrals that ground its dusty yellow undertones. Try using charcoal or deep slate grays to provide necessary contrast, as these tones prevent the color from appearing washed out or too flat in your design.
Is #b7bc97 readable on white or black?
#b7bc97 has a 1.97:1 contrast ratio on white and 10.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.