#7C6553 Hex Color

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

Hex color #7c6553 graphic
#7c6553 is a dark, muted orange-brown with dusty gray undertones and a matte, ashy finish. Its low saturation gives layouts a grounded, understated mood suited to coffee, chocolate, tobacco, vintage, and artisan branding. Use it as a supporting tone with cream or faded blue. White text has about 5.5:1 contrast. The hex code is #7c6553.

Questions about #7c6553

What is #7c6553 in RGB, HSL and CMYK?
In RGB, #7c6553 is rgb(124, 101, 83), in HSL hsl(26, 20%, 41%) and in CMYK 0%, 19%, 33%, 51%.
What colors pair well with #7c6553?
Cream, faded blue, and muted sage pair well with #7c6553, balancing its warm, ashy orange-brown base without making the palette feel overly bright or saturated; cream works best for backgrounds, while blue or sage can provide accents.
Is #7c6553 warm or cool?
#7c6553 reads as a warm, muted brown because its orange base outweighs the dusty gray undertone, while its low saturation keeps the warmth restrained rather than bright in most layouts. It gives designs a grounded, matte, understated mood.
Does #7c6553 work with white text?
#7c6553 provides about a 5.5:1 contrast ratio with white text, making white suitable for many normal-sized text uses; verify the exact pairing and font size in your contrast checker before publishing accessibility-sensitive designs.
Is #7c6553 readable on white or black?
#7c6553 has a 5.46:1 contrast ratio on white and 3.84:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.