#bc8022 hex color

In a RGB color space, hex #bc8022 is composed of 73.7% red, 50.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.9% magenta, 81.9% yellow and 26.3% black. It has a hue angle of 36.6 degrees, a saturation of 69.4% and a lightness of 43.5%. #bc8022 color hex could be obtained by blending #ffff44 with #790100. Closest websafe color is: #cc9933.

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

● #bc8022 color description : Strong orange.

The hexadecimal color #bc8022 has RGB values of R:188, G:128, B:34 and CMYK values of C:0, M:0.32, Y:0.82, K:0.26. Its decimal value is 12353570.

Hex triplet	bc8022	`#bc8022`
RGB Decimal	188, 128, 34	`rgb(188,128,34)`
RGB Percent	73.7, 50.2, 13.3	`rgb(73.7%,50.2%,13.3%)`
CMYK	0, 32, 82, 26
HSL	36.6°, 69.4, 43.5	`hsl(36.6,69.4%,43.5%)`
HSV (or HSB)	36.6°, 81.9, 73.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.271, 15.495, 56.122
XYZ	28.748, 26.247, 5.065
xyY	0.479, 0.437, 26.247
CIE-LCH	58.271, 58.222, 74.566
CIE-LUV	58.271, 49.167, 54.101
Hunter-Lab	51.232, 10.505, 30
Binary	10111100, 10000000, 00100010

#bc8022
```
#bc8022 rgb(188,128,34)
```
#225ebc
```
#225ebc rgb(34,94,188)
```

Complementary Color

#bc3322
```
#bc3322 rgb(188,51,34)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#abbc22
```
#abbc22 rgb(171,188,34)
```

Analogous Color

#3322bc
```
#3322bc rgb(51,34,188)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#22abbc
```
#22abbc rgb(34,171,188)
```

Split Complementary Color

#8022bc
```
#8022bc rgb(128,34,188)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#22bc80
```
#22bc80 rgb(34,188,128)
```

Triadic Color

#bc225e
```
#bc225e rgb(188,34,94)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#22bc80
```
#22bc80 rgb(34,188,128)
```
#225ebc
```
#225ebc rgb(34,94,188)
```

Tetradic Color

#7b5416
```
#7b5416 rgb(123,84,22)
```
#91631a
```
#91631a rgb(145,99,26)
```
#a6711e
```
#a6711e rgb(166,113,30)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#d28f26
```
#d28f26 rgb(210,143,38)
```
#db9b36
```
#db9b36 rgb(219,155,54)
```
#dfa54c
```
#dfa54c rgb(223,165,76)
```

Monochromatic Color

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

#bc5a22
```
#bc5a22 rgb(188,90,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)
```
#bca722
```
#bca722 rgb(188,167,34)
```

Similar Colors

Text with hexadecimal color #bc8022

This text has a font color of #bc8022.

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

#bc8022 background color

This paragraph has a background color of #bc8022.

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

#bc8022 border color

This element has a border color of #bc8022.

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

CSS codes

.text {color:#bc8022;}

.background {background-color:#bc8022;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#160f04
```
#160f04 rgb(22,15,4)
```
#261a07
```
#261a07 rgb(38,26,7)
```
#37260a
```
#37260a rgb(55,38,10)
```
#48310d
```
#48310d rgb(72,49,13)
```
#583c10
```
#583c10 rgb(88,60,16)
```
#694713
```
#694713 rgb(105,71,19)
```
#7a5316
```
#7a5316 rgb(122,83,22)
```
#8a5e19
```
#8a5e19 rgb(138,94,25)
```
#9b691c
```
#9b691c rgb(155,105,28)
```
#ab751f
```
#ab751f rgb(171,117,31)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#cd8b25
```
#cd8b25 rgb(205,139,37)
```

Shade Color Variation

#d9962c
```
#d9962c rgb(217,150,44)
```
#dc9e3d
```
#dc9e3d rgb(220,158,61)
```
#dfa64e
```
#dfa64e rgb(223,166,78)
```
#e2af5e
```
#e2af5e rgb(226,175,94)
```
#e5b76f
```
#e5b76f rgb(229,183,111)
```
#e8bf7f
```
#e8bf7f rgb(232,191,127)
```
#ebc790
```
#ebc790 rgb(235,199,144)
```
#eed0a1
```
#eed0a1 rgb(238,208,161)
```
#f1d8b1
```
#f1d8b1 rgb(241,216,177)
```
#f4e0c2
```
#f4e0c2 rgb(244,224,194)
```
#f7e9d2
```
#f7e9d2 rgb(247,233,210)
```
#faf1e3
```
#faf1e3 rgb(250,241,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 #d68608 is the most saturated one.

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#787166
```
#787166 rgb(120,113,102)
```
#80735e
```
#80735e rgb(128,115,94)
```
#897555
```
#897555 rgb(137,117,85)
```
#91774d
```
#91774d rgb(145,119,77)
```
#9a7844
```
#9a7844 rgb(154,120,68)
```
#a27a3c
```
#a27a3c rgb(162,122,60)
```
#ab7c33
```
#ab7c33 rgb(171,124,51)
```
#b37e2b
```
#b37e2b rgb(179,126,43)
```
#bc8022
```
#bc8022 rgb(188,128,34)
```
#c58219
```
#c58219 rgb(197,130,25)
```
#cd8411
```
#cd8411 rgb(205,132,17)
```
#d68608
```
#d68608 rgb(214,134,8)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#928673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29230 Protanopia 1% of men
#b58b2b Deuteranopia 1% of men
#c47e86 Tritanopia 0.001% of the population

Trichromacy

#ac8b2b Protanomaly 1% of men, 0.01% of women
#b88727 Deuteranomaly 6% of men, 0.4% of women
#c17e62 Tritanomaly 0.01% of the population

#bc8022 hex color

#bc8022 Color Information

#bc8022 Color Conversion

Color Schemes with #bc8022

Alternatives to #bc8022

#bc8022 Preview

Shades and Tints of #bc8022

Tones of #bc8022

Color Blindness Simulator