#B5C27A Hex Color

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

Hex color #b5c27a graphic
This muted, olive-leaning yellow feels fresh and spring-like. Because of its desaturated quality, #b5c27a works best as a supporting tone rather than a large, flat background, which can sometimes appear muddy. It pairs exceptionally well with charcoal greys or deep navy blues to create contrast. The hex code #b5c27a offers enough legibility for black text, making it a reliable choice for buttons or subtle UI accents.

Questions about #b5c27a

What is #b5c27a in RGB, HSL and CMYK?
In RGB, #b5c27a is rgb(181, 194, 122), in HSL hsl(71, 37%, 62%) and in CMYK 7%, 0%, 37%, 24%.
Does #b5c27a work well for UI text?
Using #b5c27a for small text is generally not recommended because it lacks sufficient contrast against white backgrounds. It performs much better as a decorative accent, button color, or a muted border where readability is not a primary requirement for the user.
What colors pair best with #b5c27a?
This muted tone pairs exceptionally well with deep navy or charcoal to create a grounded, sophisticated contrast. Because it is desaturated, it also complements natural wood tones and cream-based palettes, making it a reliable choice for calm, organic design themes.
Is #b5c27a readable on white or black?
#b5c27a has a 1.91:1 contrast ratio on white and 10.96: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.