#bc7322 hex color

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

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

● #bc7322 color description : Strong orange.

The hexadecimal color #bc7322 has RGB values of R:188, G:115, B:34 and CMYK values of C:0, M:0.39, Y:0.82, K:0.26. Its decimal value is 12350242.

Hex triplet	bc7322	`#bc7322`
RGB Decimal	188, 115, 34	`rgb(188,115,34)`
RGB Percent	73.7, 45.1, 13.3	`rgb(73.7%,45.1%,13.3%)`
CMYK	0, 39, 82, 26
HSL	31.6°, 69.4, 43.5	`hsl(31.6,69.4%,43.5%)`
HSV (or HSB)	31.6°, 81.9, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.145, 22.671, 53.331
XYZ	27.159, 23.07, 4.536
xyY	0.496, 0.421, 23.07
CIE-LCH	55.145, 57.95, 66.97
CIE-LUV	55.145, 59.505, 49.056
Hunter-Lab	48.032, 16.877, 28.023
Binary	10111100, 01110011, 00100010

#bc7322
```
#bc7322 rgb(188,115,34)
```
#226bbc
```
#226bbc rgb(34,107,188)
```

Complementary Color

#bc2622
```
#bc2622 rgb(188,38,34)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#b8bc22
```
#b8bc22 rgb(184,188,34)
```

Analogous Color

#2622bc
```
#2622bc rgb(38,34,188)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#22b8bc
```
#22b8bc rgb(34,184,188)
```

Split Complementary Color

#7322bc
```
#7322bc rgb(115,34,188)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#22bc73
```
#22bc73 rgb(34,188,115)
```

Triadic Color

#bc226b
```
#bc226b rgb(188,34,107)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#22bc73
```
#22bc73 rgb(34,188,115)
```
#226bbc
```
#226bbc rgb(34,107,188)
```

Tetradic Color

#7b4b16
```
#7b4b16 rgb(123,75,22)
```
#91591a
```
#91591a rgb(145,89,26)
```
#a6661e
```
#a6661e rgb(166,102,30)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#d28026
```
#d28026 rgb(210,128,38)
```
#db8d36
```
#db8d36 rgb(219,141,54)
```
#df994c
```
#df994c rgb(223,153,76)
```

Monochromatic Color

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

#bc4d22
```
#bc4d22 rgb(188,77,34)
```
#bc5922
```
#bc5922 rgb(188,89,34)
```
#bc6622
```
#bc6622 rgb(188,102,34)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#bc8d22
```
#bc8d22 rgb(188,141,34)
```
#bc9a22
```
#bc9a22 rgb(188,154,34)
```

Similar Colors

Text with hexadecimal color #bc7322

This text has a font color of #bc7322.

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

#bc7322 background color

This paragraph has a background color of #bc7322.

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

#bc7322 border color

This element has a border color of #bc7322.

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

CSS codes

.text {color:#bc7322;}

.background {background-color:#bc7322;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160d04
```
#160d04 rgb(22,13,4)
```
#261807
```
#261807 rgb(38,24,7)
```
#37220a
```
#37220a rgb(55,34,10)
```
#482c0d
```
#482c0d rgb(72,44,13)
```
#583610
```
#583610 rgb(88,54,16)
```
#694013
```
#694013 rgb(105,64,19)
```
#7a4a16
```
#7a4a16 rgb(122,74,22)
```
#8a5519
```
#8a5519 rgb(138,85,25)
```
#9b5f1c
```
#9b5f1c rgb(155,95,28)
```
#ab691f
```
#ab691f rgb(171,105,31)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#cd7d25
```
#cd7d25 rgb(205,125,37)
```

Shade Color Variation

#d9872c
```
#d9872c rgb(217,135,44)
```
#dc913d
```
#dc913d rgb(220,145,61)
```
#df9a4e
```
#df9a4e rgb(223,154,78)
```
#e2a35e
```
#e2a35e rgb(226,163,94)
```
#e5ad6f
```
#e5ad6f rgb(229,173,111)
```
#e8b67f
```
#e8b67f rgb(232,182,127)
```
#ebc090
```
#ebc090 rgb(235,192,144)
```
#eec9a1
```
#eec9a1 rgb(238,201,161)
```
#f1d3b1
```
#f1d3b1 rgb(241,211,177)
```
#f4dcc2
```
#f4dcc2 rgb(244,220,194)
```
#f7e6d2
```
#f7e6d2 rgb(247,230,210)
```
#faefe3
```
#faefe3 rgb(250,239,227)
```
#fdf9f4
```
#fdf9f4 rgb(253,249,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 #d67408 is the most saturated one.

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#786f66
```
#786f66 rgb(120,111,102)
```
#80705e
```
#80705e rgb(128,112,94)
```
#897055
```
#897055 rgb(137,112,85)
```
#91714d
```
#91714d rgb(145,113,77)
```
#9a7144
```
#9a7144 rgb(154,113,68)
```
#a2723c
```
#a2723c rgb(162,114,60)
```
#ab7233
```
#ab7233 rgb(171,114,51)
```
#b3732b
```
#b3732b rgb(179,115,43)
```
#bc7322
```
#bc7322 rgb(188,115,34)
```
#c57319
```
#c57319 rgb(197,115,25)
```
#cd7411
```
#cd7411 rgb(205,116,17)
```
#d67408
```
#d67408 rgb(214,116,8)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8c7d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a31 Protanopia 1% of men
#ac8329 Deuteranopia 1% of men
#c3727a Tritanopia 0.001% of the population

Trichromacy

#a6822c Protanomaly 1% of men, 0.01% of women
#b17d26 Deuteranomaly 6% of men, 0.4% of women
#c0725a Tritanomaly 0.01% of the population

#bc7322 hex color

#bc7322 Color Information

#bc7322 Color Conversion

Color Schemes with #bc7322

Alternatives to #bc7322

#bc7322 Preview

Shades and Tints of #bc7322

Tones of #bc7322

Color Blindness Simulator