#bc7222 hex color

In a RGB color space, hex #bc7222 is composed of 73.7% red, 44.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 81.9% yellow and 26.3% black. It has a hue angle of 31.2 degrees, a saturation of 69.4% and a lightness of 43.5%. #bc7222 color hex could be obtained by blending #ffe444 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

● #bc7222 color description : Strong orange.

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

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

CIE-LAB	54.911, 23.22, 53.121
XYZ	27.046, 22.844, 4.498
xyY	0.497, 0.42, 22.844
CIE-LCH	54.911, 57.974, 66.389
CIE-LUV	54.911, 60.306, 48.674
Hunter-Lab	47.795, 17.367, 27.876
Binary	10111100, 01110010, 00100010

#bc7222
```
#bc7222 rgb(188,114,34)
```
#226cbc
```
#226cbc rgb(34,108,188)
```

Complementary Color

#bc2522
```
#bc2522 rgb(188,37,34)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#b9bc22
```
#b9bc22 rgb(185,188,34)
```

Analogous Color

#2522bc
```
#2522bc rgb(37,34,188)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#22b9bc
```
#22b9bc rgb(34,185,188)
```

Split Complementary Color

#7222bc
```
#7222bc rgb(114,34,188)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#22bc72
```
#22bc72 rgb(34,188,114)
```

Triadic Color

#bc226c
```
#bc226c rgb(188,34,108)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#22bc72
```
#22bc72 rgb(34,188,114)
```
#226cbc
```
#226cbc rgb(34,108,188)
```

Tetradic Color

#7b4b16
```
#7b4b16 rgb(123,75,22)
```
#91581a
```
#91581a rgb(145,88,26)
```
#a6651e
```
#a6651e rgb(166,101,30)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#d27f26
```
#d27f26 rgb(210,127,38)
```
#db8c36
```
#db8c36 rgb(219,140,54)
```
#df984c
```
#df984c rgb(223,152,76)
```

Monochromatic Color

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

#bc4c22
```
#bc4c22 rgb(188,76,34)
```
#bc5822
```
#bc5822 rgb(188,88,34)
```
#bc6522
```
#bc6522 rgb(188,101,34)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#bc7f22
```
#bc7f22 rgb(188,127,34)
```
#bc8c22
```
#bc8c22 rgb(188,140,34)
```
#bc9922
```
#bc9922 rgb(188,153,34)
```

Similar Colors

Text with hexadecimal color #bc7222

This text has a font color of #bc7222.

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

#bc7222 background color

This paragraph has a background color of #bc7222.

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

#bc7222 border color

This element has a border color of #bc7222.

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

CSS codes

.text {color:#bc7222;}

.background {background-color:#bc7222;}

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

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)
```
#160d04
```
#160d04 rgb(22,13,4)
```
#261707
```
#261707 rgb(38,23,7)
```
#37210a
```
#37210a rgb(55,33,10)
```
#482b0d
```
#482b0d rgb(72,43,13)
```
#583610
```
#583610 rgb(88,54,16)
```
#694013
```
#694013 rgb(105,64,19)
```
#7a4a16
```
#7a4a16 rgb(122,74,22)
```
#8a5419
```
#8a5419 rgb(138,84,25)
```
#9b5e1c
```
#9b5e1c rgb(155,94,28)
```
#ab681f
```
#ab681f rgb(171,104,31)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#cd7c25
```
#cd7c25 rgb(205,124,37)
```

Shade Color Variation

#d9862c
```
#d9862c rgb(217,134,44)
```
#dc903d
```
#dc903d rgb(220,144,61)
```
#df994e
```
#df994e rgb(223,153,78)
```
#e2a35e
```
#e2a35e rgb(226,163,94)
```
#e5ac6f
```
#e5ac6f rgb(229,172,111)
```
#e8b67f
```
#e8b67f rgb(232,182,127)
```
#ebbf90
```
#ebbf90 rgb(235,191,144)
```
#eec9a1
```
#eec9a1 rgb(238,201,161)
```
#f1d2b1
```
#f1d2b1 rgb(241,210,177)
```
#f4dcc2
```
#f4dcc2 rgb(244,220,194)
```
#f7e5d2
```
#f7e5d2 rgb(247,229,210)
```
#faefe3
```
#faefe3 rgb(250,239,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 #d67308 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)
```
#91704d
```
#91704d rgb(145,112,77)
```
#9a7144
```
#9a7144 rgb(154,113,68)
```
#a2713c
```
#a2713c rgb(162,113,60)
```
#ab7133
```
#ab7133 rgb(171,113,51)
```
#b3722b
```
#b3722b rgb(179,114,43)
```
#bc7222
```
#bc7222 rgb(188,114,34)
```
#c57219
```
#c57219 rgb(197,114,25)
```
#cd7311
```
#cd7311 rgb(205,115,17)
```
#d67308
```
#d67308 rgb(214,115,8)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b7c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a31 Protanopia 1% of men
#ab8328 Deuteranopia 1% of men
#c37279 Tritanopia 0.001% of the population

Trichromacy

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

#bc7222 hex color

#bc7222 Color Information

#bc7222 Color Conversion

Color Schemes with #bc7222

Alternatives to #bc7222

#bc7222 Preview

Shades and Tints of #bc7222

Tones of #bc7222

Color Blindness Simulator