#bc501f hex color

In a RGB color space, hex #bc501f is composed of 73.7% red, 31.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.4% magenta, 83.5% yellow and 26.3% black. It has a hue angle of 18.7 degrees, a saturation of 71.7% and a lightness of 42.9%. #bc501f color hex could be obtained by blending #ffa03e with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 31
- B 12
RGB color chart
- C 0
- M 57
- Y 84
- K 26
CMYK color chart

● #bc501f color description : Strong orange.

The hexadecimal color #bc501f has RGB values of R:188, G:80, B:31 and CMYK values of C:0, M:0.57, Y:0.84, K:0.26. Its decimal value is 12341279.

Hex triplet	bc501f	`#bc501f`
RGB Decimal	188, 80, 31	`rgb(188,80,31)`
RGB Percent	73.7, 31.4, 12.2	`rgb(73.7%,31.4%,12.2%)`
CMYK	0, 57, 84, 26
HSL	18.7°, 71.7, 42.9	`hsl(18.7,71.7%,42.9%)`
HSV (or HSB)	18.7°, 83.5, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.662, 40.989, 47.846
XYZ	23.856, 16.53, 3.231
xyY	0.547, 0.379, 16.53
CIE-LCH	47.662, 63.003, 49.414
CIE-LUV	47.662, 87.455, 37.275
Hunter-Lab	40.657, 33.587, 23.749
Binary	10111100, 01010000, 00011111

#bc501f
```
#bc501f rgb(188,80,31)
```
#1f8bbc
```
#1f8bbc rgb(31,139,188)
```

Complementary Color

#bc1f3d
```
#bc1f3d rgb(188,31,61)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#bc9f1f
```
#bc9f1f rgb(188,159,31)
```

Analogous Color

#1f3dbc
```
#1f3dbc rgb(31,61,188)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#1fbc9f
```
#1fbc9f rgb(31,188,159)
```

Split Complementary Color

#501fbc
```
#501fbc rgb(80,31,188)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#1fbc50
```
#1fbc50 rgb(31,188,80)
```

Triadic Color

#bc1f8b
```
#bc1f8b rgb(188,31,139)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#1fbc50
```
#1fbc50 rgb(31,188,80)
```
#1f8bbc
```
#1f8bbc rgb(31,139,188)
```

Tetradic Color

#7a3414
```
#7a3414 rgb(122,52,20)
```
#903d18
```
#903d18 rgb(144,61,24)
```
#a6471b
```
#a6471b rgb(166,71,27)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#d25923
```
#d25923 rgb(210,89,35)
```
#dd6731
```
#dd6731 rgb(221,103,49)
```
#e17747
```
#e17747 rgb(225,119,71)
```

Monochromatic Color

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

#bc291f
```
#bc291f rgb(188,41,31)
```
#bc361f
```
#bc361f rgb(188,54,31)
```
#bc431f
```
#bc431f rgb(188,67,31)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#bc5d1f
```
#bc5d1f rgb(188,93,31)
```
#bc6a1f
```
#bc6a1f rgb(188,106,31)
```
#bc771f
```
#bc771f rgb(188,119,31)
```

Similar Colors

Text with hexadecimal color #bc501f

This text has a font color of #bc501f.

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

#bc501f background color

This paragraph has a background color of #bc501f.

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

#bc501f border color

This element has a border color of #bc501f.

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

CSS codes

.text {color:#bc501f;}

.background {background-color:#bc501f;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140803
```
#140803 rgb(20,8,3)
```
#241006
```
#241006 rgb(36,16,6)
```
#351709
```
#351709 rgb(53,23,9)
```
#461e0c
```
#461e0c rgb(70,30,12)
```
#57250e
```
#57250e rgb(87,37,14)
```
#682c11
```
#682c11 rgb(104,44,17)
```
#793314
```
#793314 rgb(121,51,20)
```
#893b17
```
#893b17 rgb(137,59,23)
```
#9a4219
```
#9a4219 rgb(154,66,25)
```
#ab491c
```
#ab491c rgb(171,73,28)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#cd5722
```
#cd5722 rgb(205,87,34)
```

Shade Color Variation

#db5f27
```
#db5f27 rgb(219,95,39)
```
#de6c38
```
#de6c38 rgb(222,108,56)
```
#e17849
```
#e17849 rgb(225,120,73)
```
#e48559
```
#e48559 rgb(228,133,89)
```
#e6916a
```
#e6916a rgb(230,145,106)
```
#e99d7b
```
#e99d7b rgb(233,157,123)
```
#ecaa8c
```
#ecaa8c rgb(236,170,140)
```
#efb69d
```
#efb69d rgb(239,182,157)
```
#f2c3ae
```
#f2c3ae rgb(242,195,174)
```
#f4cfbe
```
#f4cfbe rgb(244,207,190)
```
#f7dccf
```
#f7dccf rgb(247,220,207)
```
#fae8e0
```
#fae8e0 rgb(250,232,224)
```
#fdf5f1
```
#fdf5f1 rgb(253,245,241)
```

Tint Color Variation

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

#706c6b
```
#706c6b rgb(112,108,107)
```
#796962
```
#796962 rgb(121,105,98)
```
#81665a
```
#81665a rgb(129,102,90)
```
#896352
```
#896352 rgb(137,99,82)
```
#926049
```
#926049 rgb(146,96,73)
```
#9a5d41
```
#9a5d41 rgb(154,93,65)
```
#a35938
```
#a35938 rgb(163,89,56)
```
#ab5630
```
#ab5630 rgb(171,86,48)
```
#b45327
```
#b45327 rgb(180,83,39)
```
#bc501f
```
#bc501f rgb(188,80,31)
```
#c44d17
```
#c44d17 rgb(196,77,23)
```
#cd4a0e
```
#cd4a0e rgb(205,74,14)
```
#d54706
```
#d54706 rgb(213,71,6)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b665c Atypical Achromatopsia 0.001% of the population

Dichromacy

#857832 Protanopia 1% of men
#967220 Deuteranopia 1% of men
#c15459 Tritanopia 0.001% of the population

Trichromacy

#99692b Protanomaly 1% of men, 0.01% of women
#a3661f Deuteranomaly 6% of men, 0.4% of women
#bf5244 Tritanomaly 0.01% of the population

#bc501f hex color

#bc501f Color Information

#bc501f Color Conversion

Color Schemes with #bc501f

Alternatives to #bc501f

#bc501f Preview

Shades and Tints of #bc501f

Tones of #bc501f

Color Blindness Simulator