#bc842f hex color

In a RGB color space, hex #bc842f is composed of 73.7% red, 51.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 75% yellow and 26.3% black. It has a hue angle of 36.2 degrees, a saturation of 60% and a lightness of 46.1%. #bc842f color hex could be obtained by blending #ffff5e with #790900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 52
- B 18
RGB color chart
- C 0
- M 30
- Y 75
- K 26
CMYK color chart

● #bc842f color description : Strong orange.

The hexadecimal color #bc842f has RGB values of R:188, G:132, B:47 and CMYK values of C:0, M:0.3, Y:0.75, K:0.26. Its decimal value is 12354607.

Hex triplet	bc842f	`#bc842f`
RGB Decimal	188, 132, 47	`rgb(188,132,47)`
RGB Percent	73.7, 51.8, 18.4	`rgb(73.7%,51.8%,18.4%)`
CMYK	0, 30, 75, 26
HSL	36.2°, 60, 46.1	`hsl(36.2,60%,46.1%)`
HSV (or HSB)	36.2°, 75, 73.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.344, 13.789, 52.042
XYZ	29.504, 27.401, 6.424
xyY	0.466, 0.433, 27.401
CIE-LCH	59.344, 53.838, 75.16
CIE-LUV	59.344, 45.388, 52.47
Hunter-Lab	52.346, 9.004, 29.366
Binary	10111100, 10000100, 00101111

#bc842f
```
#bc842f rgb(188,132,47)
```
#2f67bc
```
#2f67bc rgb(47,103,188)
```

Complementary Color

#bc3e2f
```
#bc3e2f rgb(188,62,47)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#aebc2f
```
#aebc2f rgb(174,188,47)
```

Analogous Color

#3e2fbc
```
#3e2fbc rgb(62,47,188)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#2faebc
```
#2faebc rgb(47,174,188)
```

Split Complementary Color

#842fbc
```
#842fbc rgb(132,47,188)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#2fbc84
```
#2fbc84 rgb(47,188,132)
```

Triadic Color

#bc2f67
```
#bc2f67 rgb(188,47,103)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#2fbc84
```
#2fbc84 rgb(47,188,132)
```
#2f67bc
```
#2f67bc rgb(47,103,188)
```

Tetradic Color

#7f5920
```
#7f5920 rgb(127,89,32)
```
#936725
```
#936725 rgb(147,103,37)
```
#a8762a
```
#a8762a rgb(168,118,42)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#cd9237
```
#cd9237 rgb(205,146,55)
```
#d29d4c
```
#d29d4c rgb(210,157,76)
```
#d7a860
```
#d7a860 rgb(215,168,96)
```

Monochromatic Color

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

#bc612f
```
#bc612f rgb(188,97,47)
```
#bc6d2f
```
#bc6d2f rgb(188,109,47)
```
#bc782f
```
#bc782f rgb(188,120,47)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#bc902f
```
#bc902f rgb(188,144,47)
```
#bc9c2f
```
#bc9c2f rgb(188,156,47)
```
#bca72f
```
#bca72f rgb(188,167,47)
```

Similar Colors

Text with hexadecimal color #bc842f

This text has a font color of #bc842f.

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

#bc842f background color

This paragraph has a background color of #bc842f.

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

#bc842f border color

This element has a border color of #bc842f.

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

CSS codes

.text {color:#bc842f;}

.background {background-color:#bc842f;}

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

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

#0f0b04
```
#0f0b04 rgb(15,11,4)
```
#1f1608
```
#1f1608 rgb(31,22,8)
```
#2f210c
```
#2f210c rgb(47,33,12)
```
#3e2c10
```
#3e2c10 rgb(62,44,16)
```
#4e3714
```
#4e3714 rgb(78,55,20)
```
#5e4217
```
#5e4217 rgb(94,66,23)
```
#6e4d1b
```
#6e4d1b rgb(110,77,27)
```
#7d581f
```
#7d581f rgb(125,88,31)
```
#8d6323
```
#8d6323 rgb(141,99,35)
```
#9d6e27
```
#9d6e27 rgb(157,110,39)
```
#ac792b
```
#ac792b rgb(172,121,43)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#cc8f33
```
#cc8f33 rgb(204,143,51)
```

Shade Color Variation

#d09842
```
#d09842 rgb(208,152,66)
```
#d4a052
```
#d4a052 rgb(212,160,82)
```
#d8a962
```
#d8a962 rgb(216,169,98)
```
#dcb171
```
#dcb171 rgb(220,177,113)
```
#e0ba81
```
#e0ba81 rgb(224,186,129)
```
#e3c391
```
#e3c391 rgb(227,195,145)
```
#e7cba1
```
#e7cba1 rgb(231,203,161)
```
#ebd4b0
```
#ebd4b0 rgb(235,212,176)
```
#efdcc0
```
#efdcc0 rgb(239,220,192)
```
#f3e5d0
```
#f3e5d0 rgb(243,229,208)
```
#f7eedf
```
#f7eedf rgb(247,238,223)
```
#fbf6ef
```
#fbf6ef rgb(251,246,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d776e
```
#7d776e rgb(125,119,110)
```
#867965
```
#867965 rgb(134,121,101)
```
#8f7b5c
```
#8f7b5c rgb(143,123,92)
```
#987d53
```
#987d53 rgb(152,125,83)
```
#a17e4a
```
#a17e4a rgb(161,126,74)
```
#aa8041
```
#aa8041 rgb(170,128,65)
```
#b38238
```
#b38238 rgb(179,130,56)
```
#bc842f
```
#bc842f rgb(188,132,47)
```
#c58626
```
#c58626 rgb(197,134,38)
```
#ce881d
```
#ce881d rgb(206,136,29)
```
#d78a14
```
#d78a14 rgb(215,138,20)
```
#e08b0b
```
#e08b0b rgb(224,139,11)
```
#e98d02
```
#e98d02 rgb(233,141,2)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#958a79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5943c Protanopia 1% of men
#b88d38 Deuteranopia 1% of men
#c5828b Tritanopia 0.001% of the population

Trichromacy

#ad8e37 Protanomaly 1% of men, 0.01% of women
#b98a35 Deuteranomaly 6% of men, 0.4% of women
#c18269 Tritanomaly 0.01% of the population

#bc842f hex color

#bc842f Color Information

#bc842f Color Conversion

Color Schemes with #bc842f

Alternatives to #bc842f

#bc842f Preview

Shades and Tints of #bc842f

Tones of #bc842f

Color Blindness Simulator