#BEB6AA Hex Color

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

Hex color #beb6aa graphic
This dusty, muted orange leans heavily into grey, offering a sophisticated alternative to standard neutrals. While it lacks saturation, its understated character works well as a grounding background or a secondary supporting tone. Because black text maintains high contrast against #beb6aa, it functions reliably for readability in UI designs. Use this hex code when you need an earthy, desaturated palette that avoids appearing too bright or aggressive.

Questions about #beb6aa

What is #beb6aa in RGB, HSL and CMYK?
In RGB, #beb6aa is rgb(190, 182, 170), in HSL hsl(36, 13%, 71%) and in CMYK 0%, 4%, 11%, 25%.
What colors pair best with #beb6aa in a design?
#beb6aa works beautifully when anchored by deep, dark tones like charcoal or navy to provide necessary visual weight. For a softer approach, pair this muted taupe with creamy off-whites or muted sage green to maintain its earthy, understated character.
Is #beb6aa suitable for UI text?
#beb6aa is an excellent background choice, but it generally lacks sufficient contrast to be used as main body text on white backgrounds. Use it primarily for secondary elements, borders, or muted UI sections, ensuring you overlay it with dark text to meet accessibility standards.
Is #beb6aa readable on white or black?
#beb6aa has a 2.00:1 contrast ratio on white and 10.46: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.