#B9DFB1 Hex Color

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

Hex color #b9dfb1 graphic
#b9dfb1 is a pale, pastel green with a soft yellow undertone and muted saturation. Its lightness creates an airy feel in layouts. Use it for spring branding, wellness packaging, and spacious UI backgrounds. Pair it with charcoal or muted navy for definition. Black text offers about 14.3:1 contrast and meets WCAG AA for body copy. The hex code is #b9dfb1.

Questions about #b9dfb1

What is #b9dfb1 in RGB, HSL and CMYK?
In RGB, #b9dfb1 is rgb(185, 223, 177), in HSL hsl(110, 42%, 78%) and in CMYK 17%, 0%, 21%, 13%. Browse more shades of green with names and hex codes.
What colors pair well with #b9dfb1?
#b9dfb1 pairs well with charcoal, muted navy, and warm neutrals, giving its pale green surface definition without overpowering its soft, springlike character. Use darker pairings for text, borders, or key interface controls.
Does #b9dfb1 feel warm or cool?
#b9dfb1 reads as a softly warm green because its pale green base carries a subtle yellow undertone. Its high lightness keeps that warmth gentle, making it feel airy and calm rather than earthy, vivid, or strongly yellow.
Where does #b9dfb1 work well?
#b9dfb1 works well for spring branding, wellness packaging, soft dashboards, and spacious UI backgrounds because its pale, muted green creates an airy, calming surface. Pair it with dark text and restrained accents when clarity and hierarchy matter.
Is #b9dfb1 readable on white or black?
#b9dfb1 has a 1.47:1 contrast ratio on white and 14.25: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.