#bc7a2e hex color

In a RGB color space, hex #bc7a2e is composed of 73.7% red, 47.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.1% magenta, 75.5% yellow and 26.3% black. It has a hue angle of 32.1 degrees, a saturation of 60.7% and a lightness of 45.9%. #bc7a2e color hex could be obtained by blending #fff45c with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 48
- B 18
RGB color chart
- C 0
- M 35
- Y 76
- K 26
CMYK color chart

● #bc7a2e color description : Strong orange.

The hexadecimal color #bc7a2e has RGB values of R:188, G:122, B:46 and CMYK values of C:0, M:0.35, Y:0.76, K:0.26. Its decimal value is 12352046.

Hex triplet	bc7a2e	`#bc7a2e`
RGB Decimal	188, 122, 46	`rgb(188,122,46)`
RGB Percent	73.7, 47.8, 18	`rgb(73.7%,47.8%,18%)`
CMYK	0, 35, 76, 26
HSL	32.1°, 60.7, 45.9	`hsl(32.1,60.7%,45.9%)`
HSV (or HSB)	32.1°, 75.5, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.889, 19.274, 50.038
XYZ	28.192, 24.81, 5.889
xyY	0.479, 0.421, 24.81
CIE-LCH	56.889, 53.622, 68.934
CIE-LUV	56.889, 53.206, 48.692
Hunter-Lab	49.809, 13.866, 27.857
Binary	10111100, 01111010, 00101110

#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#2e70bc
```
#2e70bc rgb(46,112,188)
```

Complementary Color

#bc332e
```
#bc332e rgb(188,51,46)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#b7bc2e
```
#b7bc2e rgb(183,188,46)
```

Analogous Color

#332ebc
```
#332ebc rgb(51,46,188)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#2eb7bc
```
#2eb7bc rgb(46,183,188)
```

Split Complementary Color

#7a2ebc
```
#7a2ebc rgb(122,46,188)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#2ebc7a
```
#2ebc7a rgb(46,188,122)
```

Triadic Color

#bc2e70
```
#bc2e70 rgb(188,46,112)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#2ebc7a
```
#2ebc7a rgb(46,188,122)
```
#2e70bc
```
#2e70bc rgb(46,112,188)
```

Tetradic Color

#7f521f
```
#7f521f rgb(127,82,31)
```
#935f24
```
#935f24 rgb(147,95,36)
```
#a86d29
```
#a86d29 rgb(168,109,41)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#ce8736
```
#ce8736 rgb(206,135,54)
```
#d3934a
```
#d3934a rgb(211,147,74)
```
#d8a05f
```
#d8a05f rgb(216,160,95)
```

Monochromatic Color

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

#bc562e
```
#bc562e rgb(188,86,46)
```
#bc622e
```
#bc622e rgb(188,98,46)
```
#bc6e2e
```
#bc6e2e rgb(188,110,46)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#bc862e
```
#bc862e rgb(188,134,46)
```
#bc922e
```
#bc922e rgb(188,146,46)
```
#bc9e2e
```
#bc9e2e rgb(188,158,46)
```

Similar Colors

Text with hexadecimal color #bc7a2e

This text has a font color of #bc7a2e.

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

#bc7a2e background color

This paragraph has a background color of #bc7a2e.

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

#bc7a2e border color

This element has a border color of #bc7a2e.

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

CSS codes

.text {color:#bc7a2e;}

.background {background-color:#bc7a2e;}

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

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, #0f0a04 is the darkest color, while #fffefe is the lightest one.

#0f0a04
```
#0f0a04 rgb(15,10,4)
```
#1e1407
```
#1e1407 rgb(30,20,7)
```
#2e1e0b
```
#2e1e0b rgb(46,30,11)
```
#3e280f
```
#3e280f rgb(62,40,15)
```
#4e3213
```
#4e3213 rgb(78,50,19)
```
#5d3d17
```
#5d3d17 rgb(93,61,23)
```
#6d471b
```
#6d471b rgb(109,71,27)
```
#7d511f
```
#7d511f rgb(125,81,31)
```
#8d5b22
```
#8d5b22 rgb(141,91,34)
```
#9c6626
```
#9c6626 rgb(156,102,38)
```
#ac702a
```
#ac702a rgb(172,112,42)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#cc8432
```
#cc8432 rgb(204,132,50)
```

Shade Color Variation

#d08e41
```
#d08e41 rgb(208,142,65)
```
#d49751
```
#d49751 rgb(212,151,81)
```
#d8a060
```
#d8a060 rgb(216,160,96)
```
#dcaa70
```
#dcaa70 rgb(220,170,112)
```
#e0b380
```
#e0b380 rgb(224,179,128)
```
#e4bd90
```
#e4bd90 rgb(228,189,144)
```
#e8c69f
```
#e8c69f rgb(232,198,159)
```
#ebcfaf
```
#ebcfaf rgb(235,207,175)
```
#efd9bf
```
#efd9bf rgb(239,217,191)
```
#f3e2cf
```
#f3e2cf rgb(243,226,207)
```
#f7ecde
```
#f7ecde rgb(247,236,222)
```
#fbf5ee
```
#fbf5ee rgb(251,245,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7d766d
```
#7d766d rgb(125,118,109)
```
#867664
```
#867664 rgb(134,118,100)
```
#8f775b
```
#8f775b rgb(143,119,91)
```
#987752
```
#987752 rgb(152,119,82)
```
#a17849
```
#a17849 rgb(161,120,73)
```
#aa7940
```
#aa7940 rgb(170,121,64)
```
#b37937
```
#b37937 rgb(179,121,55)
```
#bc7a2e
```
#bc7a2e rgb(188,122,46)
```
#c57b25
```
#c57b25 rgb(197,123,37)
```
#ce7b1c
```
#ce7b1c rgb(206,123,28)
```
#d77c13
```
#d77c13 rgb(215,124,19)
```
#e07d0a
```
#e07d0a rgb(224,125,10)
```
#e97d01
```
#e97d01 rgb(233,125,1)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#908374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e3c Protanopia 1% of men
#b08836 Deuteranopia 1% of men
#c47981 Tritanopia 0.001% of the population

Trichromacy

#a98737 Protanomaly 1% of men, 0.01% of women
#b48233 Deuteranomaly 6% of men, 0.4% of women
#c17963 Tritanomaly 0.01% of the population

#bc7a2e hex color

#bc7a2e Color Information

#bc7a2e Color Conversion

Color Schemes with #bc7a2e

Alternatives to #bc7a2e

#bc7a2e Preview

Shades and Tints of #bc7a2e

Tones of #bc7a2e

Color Blindness Simulator