#C7B299 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated orange acts as a gentle, earthy foundation for modern web layouts. Since #c7b299 is highly muted, it works best as a supporting background rather than a main focal point. Pair it with deep charcoal or black text for maximum readability, as the contrast remains excellent. The hex code for this versatile neutral is #c7b299.
Questions about #c7b299
What is #c7b299 in RGB, HSL and CMYK?
In RGB, #c7b299 is rgb(199, 178, 153), in HSL hsl(33, 29%, 69%) and in CMYK 0%, 11%, 23%, 22%. Browse more shades of brown with names and hex codes.
What colors pair best with #c7b299 for web design?
Is #c7b299 suitable for text on a white background?
Using #c7b299 for body text is generally not recommended as it will fail most accessibility standards for readability. Instead, use this color for large background blocks, UI panels, or decorative accents while keeping your primary text dark to ensure proper contrast.
Is #c7b299 readable on white or black?
#c7b299 has a 2.04:1 contrast ratio on white and 10.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.