#bc884f hex color

In a RGB color space, hex #bc884f is composed of 73.7% red, 53.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.7% magenta, 58% yellow and 26.3% black. It has a hue angle of 31.4 degrees, a saturation of 44.9% and a lightness of 52.4%. #bc884f color hex could be obtained by blending #ffff9e with #791100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 74
- G 53
- B 31
RGB color chart
- C 0
- M 28
- Y 58
- K 26
CMYK color chart

● #bc884f color description : Moderate orange.

The hexadecimal color #bc884f has RGB values of R:188, G:136, B:79 and CMYK values of C:0, M:0.28, Y:0.58, K:0.26. Its decimal value is 12355663.

Hex triplet	bc884f	`#bc884f`
RGB Decimal	188, 136, 79	`rgb(188,136,79)`
RGB Percent	73.7, 53.3, 31	`rgb(73.7%,53.3%,31%)`
CMYK	0, 28, 58, 26
HSL	31.4°, 44.9, 52.4	`hsl(31.4,44.9%,52.4%)`
HSV (or HSB)	31.4°, 58, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.663, 13.562, 38.085
XYZ	30.955, 28.866, 11.338
xyY	0.435, 0.406, 28.866
CIE-LCH	60.663, 40.428, 70.399
CIE-LUV	60.663, 40.074, 42.097
Hunter-Lab	53.727, 8.821, 25.097
Binary	10111100, 10001000, 01001111

#bc884f
```
#bc884f rgb(188,136,79)
```
#4f83bc
```
#4f83bc rgb(79,131,188)
```

Complementary Color

#bc524f
```
#bc524f rgb(188,82,79)
```
#bc884f
```
#bc884f rgb(188,136,79)
```
#babc4f
```
#babc4f rgb(186,188,79)
```

Analogous Color

#524fbc
```
#524fbc rgb(82,79,188)
```
#bc884f
```
#bc884f rgb(188,136,79)
```
#4fbabc
```
#4fbabc rgb(79,186,188)
```

Split Complementary Color

#884fbc
```
#884fbc rgb(136,79,188)
```
#bc884f
```
#bc884f rgb(188,136,79)
```
#4fbc88
```
#4fbc88 rgb(79,188,136)
```

Triadic Color

#bc4f83
```
#bc4f83 rgb(188,79,131)
```
#bc884f
```
#bc884f rgb(188,136,79)
```
#4fbc88
```
#4fbc88 rgb(79,188,136)
```
#4f83bc
```
#4f83bc rgb(79,131,188)
```

Tetradic Color

#8a6135
```
#8a6135 rgb(138,97,53)
```
#9c6e3c
```
#9c6e3c rgb(156,110,60)
```
#af7b43
```
#af7b43 rgb(175,123,67)
```
#bc884f
```
#bc884f rgb(188,136,79)
```
#c39461
```
#c39461 rgb(195,148,97)
```
#caa174
```
#caa174 rgb(202,161,116)
```
#d1ad86
```
#d1ad86 rgb(209,173,134)
```

Monochromatic Color

Below, you can see some colors close to #bc884f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bc6d4f
```
#bc6d4f rgb(188,109,79)
```
#bc764f
```
#bc764f rgb(188,118,79)
```
#bc7f4f
```
#bc7f4f rgb(188,127,79)
```
#bc884f
```
#bc884f rgb(188,136,79)
```
#bc914f
```
#bc914f rgb(188,145,79)
```
#bc9a4f
```
#bc9a4f rgb(188,154,79)
```
#bca34f
```
#bca34f rgb(188,163,79)
```

Similar Colors

Text with hexadecimal color #bc884f

This text has a font color of #bc884f.

<span style="color:#bc884f;">Text here</span>

#bc884f background color

This paragraph has a background color of #bc884f.

<p style="background-color:#bc884f;">Content here</p>

#bc884f border color

This element has a border color of #bc884f.

<div style="border:1px solid #bc884f;">Content here</div>

CSS codes

.text {color:#bc884f;}

.background {background-color:#bc884f;}

.border {border:1px solid #bc884f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #090603 is the darkest color, while #fdfbf9 is the lightest one.

#090603
```
#090603 rgb(9,6,3)
```
#171009
```
#171009 rgb(23,16,9)
```
#251a0e
```
#251a0e rgb(37,26,14)
```
#332414
```
#332414 rgb(51,36,20)
```
#422e19
```
#422e19 rgb(66,46,25)
```
#50381e
```
#50381e rgb(80,56,30)
```
#5e4224
```
#5e4224 rgb(94,66,36)
```
#6c4c29
```
#6c4c29 rgb(108,76,41)
```
#7a562f
```
#7a562f rgb(122,86,47)
```
#896034
```
#896034 rgb(137,96,52)
```
#976a39
```
#976a39 rgb(151,106,57)
```
#a5743f
```
#a5743f rgb(165,116,63)
```
#b37e44
```
#b37e44 rgb(179,126,68)
```

Shade Color Variation

#bc884f
```
#bc884f rgb(188,136,79)
```
#c1925d
```
#c1925d rgb(193,146,93)
```
#c79b6b
```
#c79b6b rgb(199,155,107)
```
#cca57a
```
#cca57a rgb(204,165,122)
```
#d2ae88
```
#d2ae88 rgb(210,174,136)
```
#d7b896
```
#d7b896 rgb(215,184,150)
```
#dcc2a4
```
#dcc2a4 rgb(220,194,164)
```
#e2cbb2
```
#e2cbb2 rgb(226,203,178)
```
#e7d5c1
```
#e7d5c1 rgb(231,213,193)
```
#eddecf
```
#eddecf rgb(237,222,207)
```
#f2e8dd
```
#f2e8dd rgb(242,232,221)
```
#f7f2eb
```
#f7f2eb rgb(247,242,235)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d867e is the less saturated color, while #fd8b0e is the most saturated one.

#8d867e
```
#8d867e rgb(141,134,126)
```
#978674
```
#978674 rgb(151,134,116)
```
#a0876b
```
#a0876b rgb(160,135,107)
```
#a98762
```
#a98762 rgb(169,135,98)
```
#b38858
```
#b38858 rgb(179,136,88)
```
#bc884f
```
#bc884f rgb(188,136,79)
```
#c58846
```
#c58846 rgb(197,136,70)
```
#cf893c
```
#cf893c rgb(207,137,60)
```
#d88933
```
#d88933 rgb(216,137,51)
```
#e18a2a
```
#e18a2a rgb(225,138,42)
```
#eb8a20
```
#eb8a20 rgb(235,138,32)
```
#f48b17
```
#f48b17 rgb(244,139,23)
```
#fd8b0e
```
#fd8b0e rgb(253,139,14)
```

Tone Color Variation

Below, you can see how #bc884f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#919191 Achromatopsia 0.005% of the population
#9a8f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6975b Protanopia 1% of men
#b89157 Deuteranopia 1% of men
#c48790 Tritanopia 0.001% of the population

Trichromacy

#ae9256 Protanomaly 1% of men, 0.01% of women
#b98d54 Deuteranomaly 6% of men, 0.4% of women
#c18778 Tritanomaly 0.01% of the population

#bc884f hex color

#bc884f Color Information

#bc884f Color Conversion

Color Schemes with #bc884f

Alternatives to #bc884f

#bc884f Preview

Shades and Tints of #bc884f

Tones of #bc884f

Color Blindness Simulator