Color #8C4A2F (Gingerbread)
The hexadecimal code #8C4A2F corresponds to the color Gingerbread. Below you can see its exact values in RGB, HSL and CMYK, check its contrast against white and black backgrounds, and discover similar and complementary colors within the browns color family.
| HEX Code | #8C4A2F |
|---|---|
| RGB Code | rgb(140, 74, 47) |
| HSL Code | hsl(17.4, 49.7%, 36.7%) |
| CMYK Code | cmyk(0%, 47%, 66%, 45%) |
| Color Family | Browns |
Contrast and Accessibility (WCAG)
Complementary color
Sea Goddess#216987
Similar colors
Explore colors by family
More than 469 named colors, with their HEX, RGB, HSL and CMYK codes, organized into 12 color families.
How to use Gingerbread color
Apply it in your CSS or design
Copy the #8C4A2F code and use it directly in your stylesheet, for example background-color: #8C4A2F; or color: #8C4A2F;. If you need the value in another format, convert it to RGB, HSL, or CMYK with our color converter.
Combine it with other colors
Try Gingerbread alongside its complementary color or similar tones from the browns family shown below, or generate a complete palette from this color with the palette generator.
Check accessibility
Before using Gingerbread as text or background color, review the contrast ratio against white and black shown above, or analyze any combination in the contrast checker to ensure it meets WCAG AA and AAA levels.
FAQ
What color is #8C4A2F?
+
The code #8C4A2F corresponds to the color Gingerbread, within the browns color family.
What colors pair well with Gingerbread?
+
You can see its complementary color and several similar colors below, or generate a complete palette from Gingerbread using our palette generator.
Is the color Gingerbread accessible for text?
+
It depends on the background: check the contrast ratio against white and black above to see if it meets WCAG AA and AAA accessibility levels.
