#bc822a hex color

In a RGB color space, hex #bc822a is composed of 73.7% red, 51% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.9% magenta, 77.7% yellow and 26.3% black. It has a hue angle of 36.2 degrees, a saturation of 63.5% and a lightness of 45.1%. #bc822a color hex could be obtained by blending #ffff54 with #790500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 51
- B 16
RGB color chart
- C 0
- M 31
- Y 78
- K 26
CMYK color chart

● #bc822a color description : Strong orange.

The hexadecimal color #bc822a has RGB values of R:188, G:130, B:42 and CMYK values of C:0, M:0.31, Y:0.78, K:0.26. Its decimal value is 12354090.

Hex triplet	bc822a	`#bc822a`
RGB Decimal	188, 130, 42	`rgb(188,130,42)`
RGB Percent	73.7, 51, 16.5	`rgb(73.7%,51%,16.5%)`
CMYK	0, 31, 78, 26
HSL	36.2°, 63.5, 45.1	`hsl(36.2,63.5%,45.1%)`
HSV (or HSB)	36.2°, 77.7, 73.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.813, 14.681, 53.59
XYZ	29.14, 26.826, 5.834
xyY	0.472, 0.434, 26.826
CIE-LCH	58.813, 55.565, 74.68
CIE-LUV	58.813, 47.209, 53.016
Hunter-Lab	51.793, 9.79, 29.578
Binary	10111100, 10000010, 00101010

#bc822a
```
#bc822a rgb(188,130,42)
```
#2a64bc
```
#2a64bc rgb(42,100,188)
```

Complementary Color

#bc392a
```
#bc392a rgb(188,57,42)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#adbc2a
```
#adbc2a rgb(173,188,42)
```

Analogous Color

#392abc
```
#392abc rgb(57,42,188)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#2aadbc
```
#2aadbc rgb(42,173,188)
```

Split Complementary Color

#822abc
```
#822abc rgb(130,42,188)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#2abc82
```
#2abc82 rgb(42,188,130)
```

Triadic Color

#bc2a64
```
#bc2a64 rgb(188,42,100)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#2abc82
```
#2abc82 rgb(42,188,130)
```
#2a64bc
```
#2a64bc rgb(42,100,188)
```

Tetradic Color

#7d571c
```
#7d571c rgb(125,87,28)
```
#926521
```
#926521 rgb(146,101,33)
```
#a77425
```
#a77425 rgb(167,116,37)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#d1902f
```
#d1902f rgb(209,144,47)
```
#d59b44
```
#d59b44 rgb(213,155,68)
```
#daa759
```
#daa759 rgb(218,167,89)
```

Monochromatic Color

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

#bc5d2a
```
#bc5d2a rgb(188,93,42)
```
#bc6a2a
```
#bc6a2a rgb(188,106,42)
```
#bc762a
```
#bc762a rgb(188,118,42)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#bc8e2a
```
#bc8e2a rgb(188,142,42)
```
#bc9a2a
```
#bc9a2a rgb(188,154,42)
```
#bca72a
```
#bca72a rgb(188,167,42)
```

Similar Colors

Text with hexadecimal color #bc822a

This text has a font color of #bc822a.

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

#bc822a background color

This paragraph has a background color of #bc822a.

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

#bc822a border color

This element has a border color of #bc822a.

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

CSS codes

.text {color:#bc822a;}

.background {background-color:#bc822a;}

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

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, #0c0803 is the darkest color, while #fefdfb is the lightest one.

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1306
```
#1c1306 rgb(28,19,6)
```
#2c1e0a
```
#2c1e0a rgb(44,30,10)
```
#3c290d
```
#3c290d rgb(60,41,13)
```
#4c3411
```
#4c3411 rgb(76,52,17)
```
#5c3f15
```
#5c3f15 rgb(92,63,21)
```
#6c4b18
```
#6c4b18 rgb(108,75,24)
```
#7c561c
```
#7c561c rgb(124,86,28)
```
#8c611f
```
#8c611f rgb(140,97,31)
```
#9c6c23
```
#9c6c23 rgb(156,108,35)
```
#ac7726
```
#ac7726 rgb(172,119,38)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#cc8d2e
```
#cc8d2e rgb(204,141,46)
```

Shade Color Variation

#d3963a
```
#d3963a rgb(211,150,58)
```
#d79f4a
```
#d79f4a rgb(215,159,74)
```
#daa75a
```
#daa75a rgb(218,167,90)
```
#deb06a
```
#deb06a rgb(222,176,106)
```
#e1b87a
```
#e1b87a rgb(225,184,122)
```
#e5c18a
```
#e5c18a rgb(229,193,138)
```
#e9c99a
```
#e9c99a rgb(233,201,154)
```
#ecd2aa
```
#ecd2aa rgb(236,210,170)
```
#f0dbba
```
#f0dbba rgb(240,219,186)
```
#f3e3ca
```
#f3e3ca rgb(243,227,202)
```
#f7ecdb
```
#f7ecdb rgb(247,236,219)
```
#faf4eb
```
#faf4eb rgb(250,244,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#757371
```
#757371 rgb(117,115,113)
```
#7e7568
```
#7e7568 rgb(126,117,104)
```
#87775f
```
#87775f rgb(135,119,95)
```
#907956
```
#907956 rgb(144,121,86)
```
#997b4d
```
#997b4d rgb(153,123,77)
```
#a17d45
```
#a17d45 rgb(161,125,69)
```
#aa7e3c
```
#aa7e3c rgb(170,126,60)
```
#b38033
```
#b38033 rgb(179,128,51)
```
#bc822a
```
#bc822a rgb(188,130,42)
```
#c58421
```
#c58421 rgb(197,132,33)
```
#ce8618
```
#ce8618 rgb(206,134,24)
```
#d7870f
```
#d7870f rgb(215,135,15)
```
#df8907
```
#df8907 rgb(223,137,7)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#938876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49338 Protanopia 1% of men
#b68c33 Deuteranopia 1% of men
#c58088 Tritanopia 0.001% of the population

Trichromacy

#ac8d32 Protanomaly 1% of men, 0.01% of women
#b8882f Deuteranomaly 6% of men, 0.4% of women
#c18066 Tritanomaly 0.01% of the population

#bc822a hex color

#bc822a Color Information

#bc822a Color Conversion

Color Schemes with #bc822a

Alternatives to #bc822a

#bc822a Preview

Shades and Tints of #bc822a

Tones of #bc822a

Color Blindness Simulator