#bc7a2a hex color

In a RGB color space, hex #bc7a2a is composed of 73.7% red, 47.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.1% magenta, 77.7% yellow and 26.3% black. It has a hue angle of 32.9 degrees, a saturation of 63.5% and a lightness of 45.1%. #bc7a2a color hex could be obtained by blending #fff454 with #790000. Closest websafe color is: #cc6633.

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

● #bc7a2a color description : Strong orange.

The hexadecimal color #bc7a2a has RGB values of R:188, G:122, B:42 and CMYK values of C:0, M:0.35, Y:0.78, K:0.26. Its decimal value is 12352042.

Hex triplet	bc7a2a	`#bc7a2a`
RGB Decimal	188, 122, 42	`rgb(188,122,42)`
RGB Percent	73.7, 47.8, 16.5	`rgb(73.7%,47.8%,16.5%)`
CMYK	0, 35, 78, 26
HSL	32.9°, 63.5, 45.1	`hsl(32.9,63.5%,45.1%)`
HSV (or HSB)	32.9°, 77.7, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.86, 19.104, 51.723
XYZ	28.117, 24.78, 5.493
xyY	0.482, 0.424, 24.78
CIE-LCH	56.86, 55.138, 69.728
CIE-LUV	56.86, 53.465, 49.813
Hunter-Lab	49.779, 13.711, 28.303
Binary	10111100, 01111010, 00101010

#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#2a6cbc
```
#2a6cbc rgb(42,108,188)
```

Complementary Color

#bc312a
```
#bc312a rgb(188,49,42)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#b5bc2a
```
#b5bc2a rgb(181,188,42)
```

Analogous Color

#312abc
```
#312abc rgb(49,42,188)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```

Split Complementary Color

#7a2abc
```
#7a2abc rgb(122,42,188)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#2abc7a
```
#2abc7a rgb(42,188,122)
```

Triadic Color

#bc2a6c
```
#bc2a6c rgb(188,42,108)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#2abc7a
```
#2abc7a rgb(42,188,122)
```
#2a6cbc
```
#2a6cbc rgb(42,108,188)
```

Tetradic Color

#7d511c
```
#7d511c rgb(125,81,28)
```
#925f21
```
#925f21 rgb(146,95,33)
```
#a76c25
```
#a76c25 rgb(167,108,37)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#d1872f
```
#d1872f rgb(209,135,47)
```
#d59344
```
#d59344 rgb(213,147,68)
```
#da9f59
```
#da9f59 rgb(218,159,89)
```

Monochromatic Color

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

#bc562a
```
#bc562a rgb(188,86,42)
```
#bc622a
```
#bc622a rgb(188,98,42)
```
#bc6e2a
```
#bc6e2a rgb(188,110,42)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#bc862a
```
#bc862a rgb(188,134,42)
```
#bc922a
```
#bc922a rgb(188,146,42)
```
#bc9f2a
```
#bc9f2a rgb(188,159,42)
```

Similar Colors

Text with hexadecimal color #bc7a2a

This text has a font color of #bc7a2a.

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

#bc7a2a background color

This paragraph has a background color of #bc7a2a.

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

#bc7a2a border color

This element has a border color of #bc7a2a.

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

CSS codes

.text {color:#bc7a2a;}

.background {background-color:#bc7a2a;}

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

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

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1206
```
#1c1206 rgb(28,18,6)
```
#2c1c0a
```
#2c1c0a rgb(44,28,10)
```
#3c270d
```
#3c270d rgb(60,39,13)
```
#4c3111
```
#4c3111 rgb(76,49,17)
```
#5c3c15
```
#5c3c15 rgb(92,60,21)
```
#6c4618
```
#6c4618 rgb(108,70,24)
```
#7c501c
```
#7c501c rgb(124,80,28)
```
#8c5b1f
```
#8c5b1f rgb(140,91,31)
```
#9c6523
```
#9c6523 rgb(156,101,35)
```
#ac7026
```
#ac7026 rgb(172,112,38)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#cc842e
```
#cc842e rgb(204,132,46)
```

Shade Color Variation

#d38e3a
```
#d38e3a rgb(211,142,58)
```
#d7974a
```
#d7974a rgb(215,151,74)
```
#daa05a
```
#daa05a rgb(218,160,90)
```
#deaa6a
```
#deaa6a rgb(222,170,106)
```
#e1b37a
```
#e1b37a rgb(225,179,122)
```
#e5bc8a
```
#e5bc8a rgb(229,188,138)
```
#e9c59a
```
#e9c59a rgb(233,197,154)
```
#ecceaa
```
#ecceaa rgb(236,206,170)
```
#f0d8ba
```
#f0d8ba rgb(240,216,186)
```
#f3e1ca
```
#f3e1ca rgb(243,225,202)
```
#f7eadb
```
#f7eadb rgb(247,234,219)
```
#faf3eb
```
#faf3eb rgb(250,243,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#757371
```
#757371 rgb(117,115,113)
```
#7e7468
```
#7e7468 rgb(126,116,104)
```
#87755f
```
#87755f rgb(135,117,95)
```
#907656
```
#907656 rgb(144,118,86)
```
#99774d
```
#99774d rgb(153,119,77)
```
#a17745
```
#a17745 rgb(161,119,69)
```
#aa783c
```
#aa783c rgb(170,120,60)
```
#b37933
```
#b37933 rgb(179,121,51)
```
#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#c57b21
```
#c57b21 rgb(197,123,33)
```
#ce7c18
```
#ce7c18 rgb(206,124,24)
```
#d77d0f
```
#d77d0f rgb(215,125,15)
```
#df7d07
```
#df7d07 rgb(223,125,7)
```

Tone Color Variation

Below, you can see how #bc7a2a 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
#908373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e38 Protanopia 1% of men
#b08732 Deuteranopia 1% of men
#c47981 Tritanopia 0.001% of the population

Trichromacy

#a98733 Protanomaly 1% of men, 0.01% of women
#b4822f Deuteranomaly 6% of men, 0.4% of women
#c17961 Tritanomaly 0.01% of the population

#bc7a2a hex color

#bc7a2a Color Information

#bc7a2a Color Conversion

Color Schemes with #bc7a2a

Alternatives to #bc7a2a

#bc7a2a Preview

Shades and Tints of #bc7a2a

Tones of #bc7a2a

Color Blindness Simulator