#bc661f hex color

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

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

● #bc661f color description : Strong orange.

The hexadecimal color #bc661f has RGB values of R:188, G:102, B:31 and CMYK values of C:0, M:0.46, Y:0.84, K:0.26. Its decimal value is 12346911.

Hex triplet	bc661f	`#bc661f`
RGB Decimal	188, 102, 31	`rgb(188,102,31)`
RGB Percent	73.7, 40, 12.2	`rgb(73.7%,40%,12.2%)`
CMYK	0, 46, 84, 26
HSL	27.1°, 71.7, 42.9	`hsl(27.1,71.7%,42.9%)`
HSV (or HSB)	27.1°, 83.5, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.169, 29.65, 51.843
XYZ	25.739, 20.295, 3.858
xyY	0.516, 0.407, 20.295
CIE-LCH	52.169, 59.722, 60.234
CIE-LUV	52.169, 70.142, 44.865
Hunter-Lab	45.05, 23.145, 26.457
Binary	10111100, 01100110, 00011111

#bc661f
```
#bc661f rgb(188,102,31)
```
#1f75bc
```
#1f75bc rgb(31,117,188)
```

Complementary Color

#bc1f26
```
#bc1f26 rgb(188,31,38)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#bcb51f
```
#bcb51f rgb(188,181,31)
```

Analogous Color

#1f26bc
```
#1f26bc rgb(31,38,188)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#1fbcb5
```
#1fbcb5 rgb(31,188,181)
```

Split Complementary Color

#661fbc
```
#661fbc rgb(102,31,188)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#1fbc66
```
#1fbc66 rgb(31,188,102)
```

Triadic Color

#bc1f75
```
#bc1f75 rgb(188,31,117)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#1fbc66
```
#1fbc66 rgb(31,188,102)
```
#1f75bc
```
#1f75bc rgb(31,117,188)
```

Tetradic Color

#7a4214
```
#7a4214 rgb(122,66,20)
```
#904e18
```
#904e18 rgb(144,78,24)
```
#a65a1b
```
#a65a1b rgb(166,90,27)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#d27223
```
#d27223 rgb(210,114,35)
```
#dd7f31
```
#dd7f31 rgb(221,127,49)
```
#e18c47
```
#e18c47 rgb(225,140,71)
```

Monochromatic Color

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

#bc3f1f
```
#bc3f1f rgb(188,63,31)
```
#bc4c1f
```
#bc4c1f rgb(188,76,31)
```
#bc591f
```
#bc591f rgb(188,89,31)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#bc731f
```
#bc731f rgb(188,115,31)
```
#bc801f
```
#bc801f rgb(188,128,31)
```
#bc8d1f
```
#bc8d1f rgb(188,141,31)
```

Similar Colors

Text with hexadecimal color #bc661f

This text has a font color of #bc661f.

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

#bc661f background color

This paragraph has a background color of #bc661f.

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

#bc661f border color

This element has a border color of #bc661f.

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

CSS codes

.text {color:#bc661f;}

.background {background-color:#bc661f;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140b03
```
#140b03 rgb(20,11,3)
```
#241406
```
#241406 rgb(36,20,6)
```
#351d09
```
#351d09 rgb(53,29,9)
```
#46260c
```
#46260c rgb(70,38,12)
```
#572f0e
```
#572f0e rgb(87,47,14)
```
#683811
```
#683811 rgb(104,56,17)
```
#794114
```
#794114 rgb(121,65,20)
```
#894b17
```
#894b17 rgb(137,75,23)
```
#9a5419
```
#9a5419 rgb(154,84,25)
```
#ab5d1c
```
#ab5d1c rgb(171,93,28)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#cd6f22
```
#cd6f22 rgb(205,111,34)
```

Shade Color Variation

#db7827
```
#db7827 rgb(219,120,39)
```
#de8338
```
#de8338 rgb(222,131,56)
```
#e18d49
```
#e18d49 rgb(225,141,73)
```
#e49859
```
#e49859 rgb(228,152,89)
```
#e6a26a
```
#e6a26a rgb(230,162,106)
```
#e9ad7b
```
#e9ad7b rgb(233,173,123)
```
#ecb78c
```
#ecb78c rgb(236,183,140)
```
#efc29d
```
#efc29d rgb(239,194,157)
```
#f2ccae
```
#f2ccae rgb(242,204,174)
```
#f4d7be
```
#f4d7be rgb(244,215,190)
```
#f7e1cf
```
#f7e1cf rgb(247,225,207)
```
#faece0
```
#faece0 rgb(250,236,224)
```
#fdf6f1
```
#fdf6f1 rgb(253,246,241)
```

Tint Color Variation

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

#706d6b
```
#706d6b rgb(112,109,107)
```
#796c62
```
#796c62 rgb(121,108,98)
```
#816c5a
```
#816c5a rgb(129,108,90)
```
#896b52
```
#896b52 rgb(137,107,82)
```
#926a49
```
#926a49 rgb(146,106,73)
```
#9a6941
```
#9a6941 rgb(154,105,65)
```
#a36838
```
#a36838 rgb(163,104,56)
```
#ab6830
```
#ab6830 rgb(171,104,48)
```
#b46727
```
#b46727 rgb(180,103,39)
```
#bc661f
```
#bc661f rgb(188,102,31)
```
#c46517
```
#c46517 rgb(196,101,23)
```
#cd640e
```
#cd640e rgb(205,100,14)
```
#d56406
```
#d56406 rgb(213,100,6)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#867466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928330 Protanopia 1% of men
#a37c23 Deuteranopia 1% of men
#c2676e Tritanopia 0.001% of the population

Trichromacy

#a17829 Protanomaly 1% of men, 0.01% of women
#ac7421 Deuteranomaly 6% of men, 0.4% of women
#c06651 Tritanomaly 0.01% of the population

#bc661f hex color

#bc661f Color Information

#bc661f Color Conversion

Color Schemes with #bc661f

Alternatives to #bc661f

#bc661f Preview

Shades and Tints of #bc661f

Tones of #bc661f

Color Blindness Simulator