#bc894f hex color

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

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

● #bc894f color description : Moderate orange.

The hexadecimal color #bc894f has RGB values of R:188, G:137, B:79 and CMYK values of C:0, M:0.27, Y:0.58, K:0.26. Its decimal value is 12355919.

Hex triplet	bc894f	`#bc894f`
RGB Decimal	188, 137, 79	`rgb(188,137,79)`
RGB Percent	73.7, 53.7, 31	`rgb(73.7%,53.7%,31%)`
CMYK	0, 27, 58, 26
HSL	31.9°, 44.9, 52.4	`hsl(31.9,44.9%,52.4%)`
HSV (or HSB)	31.9°, 58, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.913, 13.01, 38.385
XYZ	31.096, 29.149, 11.385
xyY	0.434, 0.407, 29.149
CIE-LCH	60.913, 40.53, 71.277
CIE-LUV	60.913, 39.357, 42.562
Hunter-Lab	53.99, 8.329, 25.29
Binary	10111100, 10001001, 01001111

#bc894f
```
#bc894f rgb(188,137,79)
```
#4f82bc
```
#4f82bc rgb(79,130,188)
```

Complementary Color

#bc534f
```
#bc534f rgb(188,83,79)
```
#bc894f
```
#bc894f rgb(188,137,79)
```
#b9bc4f
```
#b9bc4f rgb(185,188,79)
```

Analogous Color

#534fbc
```
#534fbc rgb(83,79,188)
```
#bc894f
```
#bc894f rgb(188,137,79)
```
#4fb9bc
```
#4fb9bc rgb(79,185,188)
```

Split Complementary Color

#894fbc
```
#894fbc rgb(137,79,188)
```
#bc894f
```
#bc894f rgb(188,137,79)
```
#4fbc89
```
#4fbc89 rgb(79,188,137)
```

Triadic Color

#bc4f82
```
#bc4f82 rgb(188,79,130)
```
#bc894f
```
#bc894f rgb(188,137,79)
```
#4fbc89
```
#4fbc89 rgb(79,188,137)
```
#4f82bc
```
#4f82bc rgb(79,130,188)
```

Tetradic Color

#8a6235
```
#8a6235 rgb(138,98,53)
```
#9c6f3c
```
#9c6f3c rgb(156,111,60)
```
#af7c43
```
#af7c43 rgb(175,124,67)
```
#bc894f
```
#bc894f rgb(188,137,79)
```
#c39561
```
#c39561 rgb(195,149,97)
```
#caa274
```
#caa274 rgb(202,162,116)
```
#d1ae86
```
#d1ae86 rgb(209,174,134)
```

Monochromatic Color

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

#bc6e4f
```
#bc6e4f rgb(188,110,79)
```
#bc774f
```
#bc774f rgb(188,119,79)
```
#bc804f
```
#bc804f rgb(188,128,79)
```
#bc894f
```
#bc894f rgb(188,137,79)
```
#bc924f
```
#bc924f rgb(188,146,79)
```
#bc9b4f
```
#bc9b4f rgb(188,155,79)
```
#bca44f
```
#bca44f rgb(188,164,79)
```

Similar Colors

Text with hexadecimal color #bc894f

This text has a font color of #bc894f.

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

#bc894f background color

This paragraph has a background color of #bc894f.

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

#bc894f border color

This element has a border color of #bc894f.

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

CSS codes

.text {color:#bc894f;}

.background {background-color:#bc894f;}

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

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)
```
#422f19
```
#422f19 rgb(66,47,25)
```
#50391e
```
#50391e rgb(80,57,30)
```
#5e4324
```
#5e4324 rgb(94,67,36)
```
#6c4d29
```
#6c4d29 rgb(108,77,41)
```
#7a572f
```
#7a572f rgb(122,87,47)
```
#896134
```
#896134 rgb(137,97,52)
```
#976b39
```
#976b39 rgb(151,107,57)
```
#a5753f
```
#a5753f rgb(165,117,63)
```
#b37f44
```
#b37f44 rgb(179,127,68)
```

Shade Color Variation

#bc894f
```
#bc894f rgb(188,137,79)
```
#c1935d
```
#c1935d rgb(193,147,93)
```
#c79c6b
```
#c79c6b rgb(199,156,107)
```
#cca67a
```
#cca67a rgb(204,166,122)
```
#d2af88
```
#d2af88 rgb(210,175,136)
```
#d7b996
```
#d7b996 rgb(215,185,150)
```
#dcc2a4
```
#dcc2a4 rgb(220,194,164)
```
#e2ccb2
```
#e2ccb2 rgb(226,204,178)
```
#e7d5c1
```
#e7d5c1 rgb(231,213,193)
```
#eddfcf
```
#eddfcf rgb(237,223,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 #fd8d0e is the most saturated one.

#8d867e
```
#8d867e rgb(141,134,126)
```
#978774
```
#978774 rgb(151,135,116)
```
#a0876b
```
#a0876b rgb(160,135,107)
```
#a98862
```
#a98862 rgb(169,136,98)
```
#b38858
```
#b38858 rgb(179,136,88)
```
#bc894f
```
#bc894f rgb(188,137,79)
```
#c58a46
```
#c58a46 rgb(197,138,70)
```
#cf8a3c
```
#cf8a3c rgb(207,138,60)
```
#d88b33
```
#d88b33 rgb(216,139,51)
```
#e18b2a
```
#e18b2a rgb(225,139,42)
```
#eb8c20
```
#eb8c20 rgb(235,140,32)
```
#f48d17
```
#f48d17 rgb(244,141,23)
```
#fd8d0e
```
#fd8d0e rgb(253,141,14)
```

Tone Color Variation

Below, you can see how #bc894f 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

#929292 Achromatopsia 0.005% of the population
#9a9085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6985b Protanopia 1% of men
#b99157 Deuteranopia 1% of men
#c48891 Tritanopia 0.001% of the population

Trichromacy

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

#bc894f hex color

#bc894f Color Information

#bc894f Color Conversion

Color Schemes with #bc894f

Alternatives to #bc894f

#bc894f Preview

Shades and Tints of #bc894f

Tones of #bc894f

Color Blindness Simulator