#bc7236 hex color

In a RGB color space, hex #bc7236 is composed of 73.7% red, 44.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 71.3% yellow and 26.3% black. It has a hue angle of 26.9 degrees, a saturation of 55.4% and a lightness of 47.5%. #bc7236 color hex could be obtained by blending #ffe46c with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 45
- B 21
RGB color chart
- C 0
- M 39
- Y 71
- K 26
CMYK color chart

● #bc7236 color description : Moderate orange.

The hexadecimal color #bc7236 has RGB values of R:188, G:114, B:54 and CMYK values of C:0, M:0.39, Y:0.71, K:0.26. Its decimal value is 12350006.

Hex triplet	bc7236	`#bc7236`
RGB Decimal	188, 114, 54	`rgb(188,114,54)`
RGB Percent	73.7, 44.7, 21.2	`rgb(73.7%,44.7%,21.2%)`
CMYK	0, 39, 71, 26
HSL	26.9°, 55.4, 47.5	`hsl(26.9,55.4%,47.5%)`
HSV (or HSB)	26.9°, 71.3, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.067, 24.07, 44.427
XYZ	27.423, 22.994, 6.484
xyY	0.482, 0.404, 22.994
CIE-LCH	55.067, 50.529, 61.552
CIE-LUV	55.067, 58.798, 42.865
Hunter-Lab	47.952, 18.163, 25.55
Binary	10111100, 01110010, 00110110

#bc7236
```
#bc7236 rgb(188,114,54)
```
#3680bc
```
#3680bc rgb(54,128,188)
```

Complementary Color

#bc363d
```
#bc363d rgb(188,54,61)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#bcb536
```
#bcb536 rgb(188,181,54)
```

Analogous Color

#363dbc
```
#363dbc rgb(54,61,188)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#36bcb5
```
#36bcb5 rgb(54,188,181)
```

Split Complementary Color

#7236bc
```
#7236bc rgb(114,54,188)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#36bc72
```
#36bc72 rgb(54,188,114)
```

Triadic Color

#bc3680
```
#bc3680 rgb(188,54,128)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#36bc72
```
#36bc72 rgb(54,188,114)
```
#3680bc
```
#3680bc rgb(54,128,188)
```

Tetradic Color

#814e25
```
#814e25 rgb(129,78,37)
```
#945a2b
```
#945a2b rgb(148,90,43)
```
#a86630
```
#a86630 rgb(168,102,48)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#c97f43
```
#c97f43 rgb(201,127,67)
```
#cf8c56
```
#cf8c56 rgb(207,140,86)
```
#d49a6a
```
#d49a6a rgb(212,154,106)
```

Monochromatic Color

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

#bc5136
```
#bc5136 rgb(188,81,54)
```
#bc5c36
```
#bc5c36 rgb(188,92,54)
```
#bc6736
```
#bc6736 rgb(188,103,54)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#bc7d36
```
#bc7d36 rgb(188,125,54)
```
#bc8836
```
#bc8836 rgb(188,136,54)
```
#bc9436
```
#bc9436 rgb(188,148,54)
```

Similar Colors

Text with hexadecimal color #bc7236

This text has a font color of #bc7236.

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

#bc7236 background color

This paragraph has a background color of #bc7236.

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

#bc7236 border color

This element has a border color of #bc7236.

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

CSS codes

.text {color:#bc7236;}

.background {background-color:#bc7236;}

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

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, #050301 is the darkest color, while #fcf8f5 is the lightest one.

#050301
```
#050301 rgb(5,3,1)
```
#140c06
```
#140c06 rgb(20,12,6)
```
#24160a
```
#24160a rgb(36,22,10)
```
#331f0f
```
#331f0f rgb(51,31,15)
```
#422813
```
#422813 rgb(66,40,19)
```
#513117
```
#513117 rgb(81,49,23)
```
#613b1c
```
#613b1c rgb(97,59,28)
```
#704420
```
#704420 rgb(112,68,32)
```
#7f4d24
```
#7f4d24 rgb(127,77,36)
```
#8e5629
```
#8e5629 rgb(142,86,41)
```
#9e602d
```
#9e602d rgb(158,96,45)
```
#ad6932
```
#ad6932 rgb(173,105,50)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```

Shade Color Variation

#c87c3e
```
#c87c3e rgb(200,124,62)
```
#cc864d
```
#cc864d rgb(204,134,77)
```
#d0905d
```
#d0905d rgb(208,144,93)
```
#d59b6c
```
#d59b6c rgb(213,155,108)
```
#d9a57b
```
#d9a57b rgb(217,165,123)
```
#ddaf8a
```
#ddaf8a rgb(221,175,138)
```
#e2ba99
```
#e2ba99 rgb(226,186,153)
```
#e6c4a9
```
#e6c4a9 rgb(230,196,169)
```
#ebcfb8
```
#ebcfb8 rgb(235,207,184)
```
#efd9c7
```
#efd9c7 rgb(239,217,199)
```
#f3e3d6
```
#f3e3d6 rgb(243,227,214)
```
#f8eee6
```
#f8eee6 rgb(248,238,230)
```
#fcf8f5
```
#fcf8f5 rgb(252,248,245)
```

Tint Color Variation

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

#7b7977
```
#7b7977 rgb(123,121,119)
```
#84786e
```
#84786e rgb(132,120,110)
```
#8d7765
```
#8d7765 rgb(141,119,101)
```
#97765b
```
#97765b rgb(151,118,91)
```
#a07552
```
#a07552 rgb(160,117,82)
```
#a97449
```
#a97449 rgb(169,116,73)
```
#b3733f
```
#b3733f rgb(179,115,63)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```
#c5712d
```
#c5712d rgb(197,113,45)
```
#cf7023
```
#cf7023 rgb(207,112,35)
```
#d86f1a
```
#d86f1a rgb(216,111,26)
```
#e16e11
```
#e16e11 rgb(225,110,17)
```
#eb6d07
```
#eb6d07 rgb(235,109,7)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8d7e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a45 Protanopia 1% of men
#aa833c Deuteranopia 1% of men
#c3727a Tritanopia 0.001% of the population

Trichromacy

#a5813f Protanomaly 1% of men, 0.01% of women
#b07d3a Deuteranomaly 6% of men, 0.4% of women
#c07261 Tritanomaly 0.01% of the population

#bc7236 hex color

#bc7236 Color Information

#bc7236 Color Conversion

Color Schemes with #bc7236

Alternatives to #bc7236

#bc7236 Preview

Shades and Tints of #bc7236

Tones of #bc7236

Color Blindness Simulator