Start generating
8C4A2F

#8C4A2F Gingerbread

#8C4A2F is a medium, moderately saturated brown named Gingerbread. In the RGB color model it is made of 54.9% red, 29.0% green and 18.4% blue (rgb(140, 74, 47)). Its HSL value is 17° hue, 50% saturation and 37% lightness, and in CMYK it is 0% cyan, 47% magenta, 66% yellow and 45% black. #8C4A2F is a warm color. White text reads best on it, with a contrast ratio of 6.70:1.

Make a palette with #8C4A2F

#8C4A2F color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #8C4A2F

Shades

Mixed with black: richer and darker.

8C4A2F793F27673520552A1943201233170C230E06140603070201010000

Tints

Mixed with white: lighter and softer.

8C4A2F985B43A46D57B07E6BBC907FC7A293D3B4A8DEC6BDE9D9D3F4ECE9

Tones

Mixed with gray: calmer and more muted.

8C4A2F8C50388B56408A5B49896151886659876B61867169847670827B78

Hues

The same lightness and chroma, rotated around the color wheel.

8845648B455A8D454F8E46458E483A8C4A2F894D2485501980540E7A5804725C03

Temperatures

Cooler on the left, warmer on the right.

7F5A6082575785544E8751448A4E3A8C4A2F914D2F954F2F9A522F9E542FA3572E

#8C4A2F color harmonies

Complementary

The opposite hue — maximum contrast and energy.

8C4A2F2F718C
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

8C4A2F2F8C792F428C
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

8C4A2F8C2F428C782F
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

8C4A2F2F8C4A4A2F8C
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

8C4A2F718C2F2F718C4A2F8C
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

8C4A2F438C2F2F718C792F8C
Open in generator →

#8C4A2F for color-blind viewers (and dogs)

How #8C4A2F appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 83% similarHow dogs see it · simulated as #6C622E
  • Protanopia 82% similar1.3% of men, 0.02% of women · simulated as #5C532C
  • Protanomaly 88% similar1.3% of men, 0.02% of women · simulated as #6C522D
  • Deuteranopia 83% similar1.2% of men, 0.01% of women · simulated as #6C622E
  • Deuteranomaly 89% similar5% of men, 0.35% of women · simulated as #765A2E
  • Tritanopia 90% similar0.001% of men, 0.03% of women · simulated as #993D44
  • Tritanomaly 96% similar0.0001% of men, 0.0001% of women · simulated as #914539
  • Achromatopsia 80% similar0.003% of men, 0.003% of women · simulated as #5C5C5C
  • Achromatomaly 86% similar0.001% of men, 0.001% of women · simulated as #6B5853

#8C4A2F contrast checker

AaThe quick brown fox jumps over the lazy dog.
6.70:1 Good#8C4A2F text on white
AA normalPassAAA normalFail
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
3.14:1 Poor#8C4A2F text on black
AA normalFailAAA normalFail
AA largePassAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #8C4A2F

Palettes with #8C4A2F

#8C4A2F in CSS

/* Gingerbread */
.color { color: #8C4A2F; }
.background { background-color: #8C4A2F; }
.border { border: 1px solid #8C4A2F; }

/* Other notations */
color: rgb(140 74 47);
color: hsl(17 50% 37%);
color: oklch(0.484 0.098 42.4);

#8C4A2F FAQ

What color is #8C4A2F?

#8C4A2F is a medium, moderately saturated brown. Its closest named color is Gingerbread. It belongs to the brown color family and is a warm color.

What is the RGB value of #8C4A2F?

#8C4A2F is rgb(140, 74, 47) in RGB, hsl(17, 50%, 37%) in HSL and cmyk(0%, 47%, 66%, 45%) in CMYK.

What is the complementary color of #8C4A2F?

The complementary color of #8C4A2F is #2F718C, which sits opposite it on the color wheel.

Which text color works on #8C4A2F?

White text has the best contrast on #8C4A2F: 6.70:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #8C4A2F a warm or cool color?

#8C4A2F is a warm color.