#bc6722 hex color

In a RGB color space, hex #bc6722 is composed of 73.7% red, 40.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.2% magenta, 81.9% yellow and 26.3% black. It has a hue angle of 26.9 degrees, a saturation of 69.4% and a lightness of 43.5%. #bc6722 color hex could be obtained by blending #ffce44 with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 40
- B 13
RGB color chart
- C 0
- M 45
- Y 82
- K 26
CMYK color chart

● #bc6722 color description : Strong orange.

The hexadecimal color #bc6722 has RGB values of R:188, G:103, B:34 and CMYK values of C:0, M:0.45, Y:0.82, K:0.26. Its decimal value is 12347170.

Hex triplet	bc6722	`#bc6722`
RGB Decimal	188, 103, 34	`rgb(188,103,34)`
RGB Percent	73.7, 40.4, 13.3	`rgb(73.7%,40.4%,13.3%)`
CMYK	0, 45, 82, 26
HSL	26.9°, 69.4, 43.5	`hsl(26.9,69.4%,43.5%)`
HSV (or HSB)	26.9°, 81.9, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.409, 29.206, 50.86
XYZ	25.879, 20.51, 4.109
xyY	0.512, 0.406, 20.51
CIE-LCH	52.409, 58.649, 60.134
CIE-LUV	52.409, 69.131, 44.545
Hunter-Lab	45.288, 22.748, 26.322
Binary	10111100, 01100111, 00100010

#bc6722
```
#bc6722 rgb(188,103,34)
```
#2277bc
```
#2277bc rgb(34,119,188)
```

Complementary Color

#bc222a
```
#bc222a rgb(188,34,42)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#bcb422
```
#bcb422 rgb(188,180,34)
```

Analogous Color

#222abc
```
#222abc rgb(34,42,188)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#22bcb4
```
#22bcb4 rgb(34,188,180)
```

Split Complementary Color

#6722bc
```
#6722bc rgb(103,34,188)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#22bc67
```
#22bc67 rgb(34,188,103)
```

Triadic Color

#bc2277
```
#bc2277 rgb(188,34,119)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#22bc67
```
#22bc67 rgb(34,188,103)
```
#2277bc
```
#2277bc rgb(34,119,188)
```

Tetradic Color

#7b4416
```
#7b4416 rgb(123,68,22)
```
#914f1a
```
#914f1a rgb(145,79,26)
```
#a65b1e
```
#a65b1e rgb(166,91,30)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#d27326
```
#d27326 rgb(210,115,38)
```
#db8036
```
#db8036 rgb(219,128,54)
```
#df8e4c
```
#df8e4c rgb(223,142,76)
```

Monochromatic Color

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

#bc4122
```
#bc4122 rgb(188,65,34)
```
#bc4d22
```
#bc4d22 rgb(188,77,34)
```
#bc5a22
```
#bc5a22 rgb(188,90,34)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#bc7422
```
#bc7422 rgb(188,116,34)
```
#bc8122
```
#bc8122 rgb(188,129,34)
```
#bc8e22
```
#bc8e22 rgb(188,142,34)
```

Similar Colors

Text with hexadecimal color #bc6722

This text has a font color of #bc6722.

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

#bc6722 background color

This paragraph has a background color of #bc6722.

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

#bc6722 border color

This element has a border color of #bc6722.

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

CSS codes

.text {color:#bc6722;}

.background {background-color:#bc6722;}

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

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 #fdf8f4 is the lightest one.

#050301
```
#050301 rgb(5,3,1)
```
#160c04
```
#160c04 rgb(22,12,4)
```
#261507
```
#261507 rgb(38,21,7)
```
#371e0a
```
#371e0a rgb(55,30,10)
```
#48270d
```
#48270d rgb(72,39,13)
```
#583010
```
#583010 rgb(88,48,16)
```
#693913
```
#693913 rgb(105,57,19)
```
#7a4316
```
#7a4316 rgb(122,67,22)
```
#8a4c19
```
#8a4c19 rgb(138,76,25)
```
#9b551c
```
#9b551c rgb(155,85,28)
```
#ab5e1f
```
#ab5e1f rgb(171,94,31)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#cd7025
```
#cd7025 rgb(205,112,37)
```

Shade Color Variation

#d97a2c
```
#d97a2c rgb(217,122,44)
```
#dc843d
```
#dc843d rgb(220,132,61)
```
#df8f4e
```
#df8f4e rgb(223,143,78)
```
#e2995e
```
#e2995e rgb(226,153,94)
```
#e5a46f
```
#e5a46f rgb(229,164,111)
```
#e8ae7f
```
#e8ae7f rgb(232,174,127)
```
#ebb990
```
#ebb990 rgb(235,185,144)
```
#eec3a1
```
#eec3a1 rgb(238,195,161)
```
#f1ceb1
```
#f1ceb1 rgb(241,206,177)
```
#f4d8c2
```
#f4d8c2 rgb(244,216,194)
```
#f7e3d2
```
#f7e3d2 rgb(247,227,210)
```
#faede3
```
#faede3 rgb(250,237,227)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#786e66
```
#786e66 rgb(120,110,102)
```
#806d5e
```
#806d5e rgb(128,109,94)
```
#896c55
```
#896c55 rgb(137,108,85)
```
#916b4d
```
#916b4d rgb(145,107,77)
```
#9a6b44
```
#9a6b44 rgb(154,107,68)
```
#a26a3c
```
#a26a3c rgb(162,106,60)
```
#ab6933
```
#ab6933 rgb(171,105,51)
```
#b3682b
```
#b3682b rgb(179,104,43)
```
#bc6722
```
#bc6722 rgb(188,103,34)
```
#c56619
```
#c56619 rgb(197,102,25)
```
#cd6511
```
#cd6511 rgb(205,101,17)
```
#d66408
```
#d66408 rgb(214,100,8)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#867568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928333 Protanopia 1% of men
#a37d27 Deuteranopia 1% of men
#c2686f Tritanopia 0.001% of the population

Trichromacy

#a1792c Protanomaly 1% of men, 0.01% of women
#ac7525 Deuteranomaly 6% of men, 0.4% of women
#c06753 Tritanomaly 0.01% of the population

#bc6722 hex color

#bc6722 Color Information

#bc6722 Color Conversion

Color Schemes with #bc6722

Alternatives to #bc6722

#bc6722 Preview

Shades and Tints of #bc6722

Tones of #bc6722

Color Blindness Simulator