#BABB99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated yellow has a dusty, olive-leaning quality that reads more organic than synthetic. Because of its low saturation, #babb99 works best as a neutral grounding element rather than a bright accent. It pairs unexpectedly well with deep charcoal or burnt orange to temper its softness. This hex code provides strong contrast for black body text, making it a reliable choice for UI backgrounds.
Questions about #babb99
What is #babb99 in RGB, HSL and CMYK?
In RGB, #babb99 is rgb(186, 187, 153), in HSL hsl(62, 20%, 67%) and in CMYK 1%, 0%, 18%, 27%.
What colors pair well with #babb99 for a balanced design?
#babb99 works best when anchored by high-contrast tones that ground its desaturated nature. Try pairing it with charcoal for strong readability in text, or add burnt orange to lean into the organic, earthy aesthetic while providing a necessary pop of color.
Is #babb99 suitable for text on a white background?
Using #babb99 as body text on a white background will likely fail accessibility standards due to poor contrast ratios. It functions most effectively as a soft, neutral background color or an accent element rather than a primary font color for accessibility.
Is #babb99 readable on white or black?
#babb99 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.