#bc6a36 hex color

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

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

● #bc6a36 color description : Moderate orange.

The hexadecimal color #bc6a36 has RGB values of R:188, G:106, B:54 and CMYK values of C:0, M:0.44, Y:0.71, K:0.26. Its decimal value is 12347958.

Hex triplet	bc6a36	`#bc6a36`
RGB Decimal	188, 106, 54	`rgb(188,106,54)`
RGB Percent	73.7, 41.6, 21.2	`rgb(73.7%,41.6%,21.2%)`
CMYK	0, 44, 71, 26
HSL	23.3°, 55.4, 47.5	`hsl(23.3,55.4%,47.5%)`
HSV (or HSB)	23.3°, 71.3, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.241, 28.433, 42.454
XYZ	26.56, 21.268, 6.196
xyY	0.492, 0.394, 21.268
CIE-LCH	53.241, 51.095, 56.188
CIE-LUV	53.241, 64.986, 39.644
Hunter-Lab	46.117, 22.096, 24.316
Binary	10111100, 01101010, 00110110

#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#3688bc
```
#3688bc rgb(54,136,188)
```

Complementary Color

#bc3645
```
#bc3645 rgb(188,54,69)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#bcad36
```
#bcad36 rgb(188,173,54)
```

Analogous Color

#3645bc
```
#3645bc rgb(54,69,188)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#36bcad
```
#36bcad rgb(54,188,173)
```

Split Complementary Color

#6a36bc
```
#6a36bc rgb(106,54,188)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#36bc6a
```
#36bc6a rgb(54,188,106)
```

Triadic Color

#bc3688
```
#bc3688 rgb(188,54,136)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#36bc6a
```
#36bc6a rgb(54,188,106)
```
#3688bc
```
#3688bc rgb(54,136,188)
```

Tetradic Color

#814825
```
#814825 rgb(129,72,37)
```
#94542b
```
#94542b rgb(148,84,43)
```
#a85f30
```
#a85f30 rgb(168,95,48)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#c97743
```
#c97743 rgb(201,119,67)
```
#cf8556
```
#cf8556 rgb(207,133,86)
```
#d4936a
```
#d4936a rgb(212,147,106)
```

Monochromatic Color

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

#bc4936
```
#bc4936 rgb(188,73,54)
```
#bc5436
```
#bc5436 rgb(188,84,54)
```
#bc5f36
```
#bc5f36 rgb(188,95,54)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#bc7536
```
#bc7536 rgb(188,117,54)
```
#bc8036
```
#bc8036 rgb(188,128,54)
```
#bc8c36
```
#bc8c36 rgb(188,140,54)
```

Similar Colors

Text with hexadecimal color #bc6a36

This text has a font color of #bc6a36.

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

#bc6a36 background color

This paragraph has a background color of #bc6a36.

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

#bc6a36 border color

This element has a border color of #bc6a36.

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

CSS codes

.text {color:#bc6a36;}

.background {background-color:#bc6a36;}

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

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)
```
#140b06
```
#140b06 rgb(20,11,6)
```
#24140a
```
#24140a rgb(36,20,10)
```
#331d0f
```
#331d0f rgb(51,29,15)
```
#422513
```
#422513 rgb(66,37,19)
```
#512e17
```
#512e17 rgb(81,46,23)
```
#61361c
```
#61361c rgb(97,54,28)
```
#703f20
```
#703f20 rgb(112,63,32)
```
#7f4824
```
#7f4824 rgb(127,72,36)
```
#8e5029
```
#8e5029 rgb(142,80,41)
```
#9e592d
```
#9e592d rgb(158,89,45)
```
#ad6132
```
#ad6132 rgb(173,97,50)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```

Shade Color Variation

#c8733e
```
#c8733e rgb(200,115,62)
```
#cc7e4d
```
#cc7e4d rgb(204,126,77)
```
#d0895d
```
#d0895d rgb(208,137,93)
```
#d5946c
```
#d5946c rgb(213,148,108)
```
#d9a07b
```
#d9a07b rgb(217,160,123)
```
#ddab8a
```
#ddab8a rgb(221,171,138)
```
#e2b699
```
#e2b699 rgb(226,182,153)
```
#e6c1a9
```
#e6c1a9 rgb(230,193,169)
```
#ebccb8
```
#ebccb8 rgb(235,204,184)
```
#efd7c7
```
#efd7c7 rgb(239,215,199)
```
#f3e2d6
```
#f3e2d6 rgb(243,226,214)
```
#f8ede6
```
#f8ede6 rgb(248,237,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 #eb6007 is the most saturated one.

#7b7977
```
#7b7977 rgb(123,121,119)
```
#84776e
```
#84776e rgb(132,119,110)
```
#8d7465
```
#8d7465 rgb(141,116,101)
```
#97725b
```
#97725b rgb(151,114,91)
```
#a07052
```
#a07052 rgb(160,112,82)
```
#a96e49
```
#a96e49 rgb(169,110,73)
```
#b36c3f
```
#b36c3f rgb(179,108,63)
```
#bc6a36
```
#bc6a36 rgb(188,106,54)
```
#c5682d
```
#c5682d rgb(197,104,45)
```
#cf6623
```
#cf6623 rgb(207,102,35)
```
#d8641a
```
#d8641a rgb(216,100,26)
```
#e16211
```
#e16211 rgb(225,98,17)
```
#eb6007
```
#eb6007 rgb(235,96,7)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8a796f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938546 Protanopia 1% of men
#a47f3c Deuteranopia 1% of men
#c26b73 Tritanopia 0.001% of the population

Trichromacy

#a27b40 Protanomaly 1% of men, 0.01% of women
#ad7739 Deuteranomaly 6% of men, 0.4% of women
#c06b5c Tritanomaly 0.01% of the population

#bc6a36 hex color

#bc6a36 Color Information

#bc6a36 Color Conversion

Color Schemes with #bc6a36

Alternatives to #bc6a36

#bc6a36 Preview

Shades and Tints of #bc6a36

Tones of #bc6a36

Color Blindness Simulator