#B2AE9D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty yellow leans heavily into grey, acting as a stable neutral. The hex code #b2ae9d provides excellent readability for black text, making it a practical choice for budget or construction-focused branding. Use it as a solid background to anchor more vivid accent colors. Avoid pairing it with similarly desaturated tones, as it risks looking flat or muddy on screen.
Questions about #b2ae9d
What is #b2ae9d in RGB, HSL and CMYK?
In RGB, #b2ae9d is rgb(178, 174, 157), in HSL hsl(49, 12%, 66%) and in CMYK 0%, 2%, 12%, 30%.
Does #b2ae9d work well for website text?
The hex color #b2ae9d provides sufficient contrast against dark, solid backgrounds like charcoal or deep espresso, making it a functional choice for headings or sub-headers. Always verify your specific font size against web accessibility standards to ensure optimal legibility.
What colors pair best with #b2ae9d?
Is #b2ae9d readable on white or black?
#b2ae9d has a 2.22:1 contrast ratio on white and 9.43: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.