#C7B899 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated beige carries a slight yellow undertone that keeps it warm without appearing overly saturated. Because it sits on the lighter side of neutral, #c7b899 functions best as a soft, readable background for modern UI design. It provides excellent contrast with black text, though it can feel washed out if paired with stark white. This versatile hex code anchors gentle, minimalist palettes effectively.
Questions about #c7b899
What is #c7b899 in RGB, HSL and CMYK?
In RGB, #c7b899 is rgb(199, 184, 153), in HSL hsl(40, 29%, 69%) and in CMYK 0%, 8%, 23%, 22%. Browse more shades of brown with names and hex codes.
How does #c7b899 perform as a UI background color?
It acts as an excellent, readable background because its unsaturated yellow undertones provide warmth without overwhelming the user. While it creates soft, balanced contrast against dark text, you should avoid pairing it directly with stark white to keep it from looking washed out.
What colors pair well with #c7b899?
Is #c7b899 readable on white or black?
#c7b899 has a 1.95:1 contrast ratio on white and 10.74: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.