#bc771f hex color

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

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

● #bc771f color description : Strong orange.

The hexadecimal color #bc771f has RGB values of R:188, G:119, B:31 and CMYK values of C:0, M:0.37, Y:0.84, K:0.26. Its decimal value is 12351263.

Hex triplet	bc771f	`#bc771f`
RGB Decimal	188, 119, 31	`rgb(188,119,31)`
RGB Percent	73.7, 46.7, 12.2	`rgb(73.7%,46.7%,12.2%)`
CMYK	0, 37, 84, 26
HSL	33.6°, 71.7, 42.9	`hsl(33.6,71.7%,42.9%)`
HSV (or HSB)	33.6°, 83.5, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.074, 20.374, 55.254
XYZ	27.584, 23.986, 4.473
xyY	0.492, 0.428, 23.986
CIE-LCH	56.074, 58.89, 69.759
CIE-LUV	56.074, 56.461, 51.231
Hunter-Lab	48.975, 14.828, 28.867
Binary	10111100, 01110111, 00011111

#bc771f
```
#bc771f rgb(188,119,31)
```
#1f64bc
```
#1f64bc rgb(31,100,188)
```

Complementary Color

#bc291f
```
#bc291f rgb(188,41,31)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#b3bc1f
```
#b3bc1f rgb(179,188,31)
```

Analogous Color

#291fbc
```
#291fbc rgb(41,31,188)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#1fb3bc
```
#1fb3bc rgb(31,179,188)
```

Split Complementary Color

#771fbc
```
#771fbc rgb(119,31,188)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#1fbc77
```
#1fbc77 rgb(31,188,119)
```

Triadic Color

#bc1f64
```
#bc1f64 rgb(188,31,100)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#1fbc77
```
#1fbc77 rgb(31,188,119)
```
#1f64bc
```
#1f64bc rgb(31,100,188)
```

Tetradic Color

#7a4d14
```
#7a4d14 rgb(122,77,20)
```
#905b18
```
#905b18 rgb(144,91,24)
```
#a6691b
```
#a6691b rgb(166,105,27)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#d28523
```
#d28523 rgb(210,133,35)
```
#dd9131
```
#dd9131 rgb(221,145,49)
```
#e19d47
```
#e19d47 rgb(225,157,71)
```

Monochromatic Color

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

#bc501f
```
#bc501f rgb(188,80,31)
```
#bc5d1f
```
#bc5d1f rgb(188,93,31)
```
#bc6a1f
```
#bc6a1f rgb(188,106,31)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#bc841f
```
#bc841f rgb(188,132,31)
```
#bc911f
```
#bc911f rgb(188,145,31)
```
#bc9e1f
```
#bc9e1f rgb(188,158,31)
```

Similar Colors

Text with hexadecimal color #bc771f

This text has a font color of #bc771f.

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

#bc771f background color

This paragraph has a background color of #bc771f.

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

#bc771f border color

This element has a border color of #bc771f.

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

CSS codes

.text {color:#bc771f;}

.background {background-color:#bc771f;}

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

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 #fdf8f1 is the lightest one.

#030200
```
#030200 rgb(3,2,0)
```
#140c03
```
#140c03 rgb(20,12,3)
```
#241706
```
#241706 rgb(36,23,6)
```
#352209
```
#352209 rgb(53,34,9)
```
#462c0c
```
#462c0c rgb(70,44,12)
```
#57370e
```
#57370e rgb(87,55,14)
```
#684211
```
#684211 rgb(104,66,17)
```
#794c14
```
#794c14 rgb(121,76,20)
```
#895717
```
#895717 rgb(137,87,23)
```
#9a6219
```
#9a6219 rgb(154,98,25)
```
#ab6c1c
```
#ab6c1c rgb(171,108,28)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#cd8222
```
#cd8222 rgb(205,130,34)
```

Shade Color Variation

#db8c27
```
#db8c27 rgb(219,140,39)
```
#de9538
```
#de9538 rgb(222,149,56)
```
#e19e49
```
#e19e49 rgb(225,158,73)
```
#e4a759
```
#e4a759 rgb(228,167,89)
```
#e6b06a
```
#e6b06a rgb(230,176,106)
```
#e9b97b
```
#e9b97b rgb(233,185,123)
```
#ecc28c
```
#ecc28c rgb(236,194,140)
```
#efcb9d
```
#efcb9d rgb(239,203,157)
```
#f2d4ae
```
#f2d4ae rgb(242,212,174)
```
#f4ddbe
```
#f4ddbe rgb(244,221,190)
```
#f7e6cf
```
#f7e6cf rgb(247,230,207)
```
#faefe0
```
#faefe0 rgb(250,239,224)
```
#fdf8f1
```
#fdf8f1 rgb(253,248,241)
```

Tint Color Variation

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

#706e6b
```
#706e6b rgb(112,110,107)
```
#796f62
```
#796f62 rgb(121,111,98)
```
#81705a
```
#81705a rgb(129,112,90)
```
#897152
```
#897152 rgb(137,113,82)
```
#927249
```
#927249 rgb(146,114,73)
```
#9a7341
```
#9a7341 rgb(154,115,65)
```
#a37438
```
#a37438 rgb(163,116,56)
```
#ab7530
```
#ab7530 rgb(171,117,48)
```
#b47627
```
#b47627 rgb(180,118,39)
```
#bc771f
```
#bc771f rgb(188,119,31)
```
#c47817
```
#c47817 rgb(196,120,23)
```
#cd790e
```
#cd790e rgb(205,121,14)
```
#d57a06
```
#d57a06 rgb(213,122,6)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8e806e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2e Protanopia 1% of men
#af8626 Deuteranopia 1% of men
#c4767e Tritanopia 0.001% of the population

Trichromacy

#a88428 Protanomaly 1% of men, 0.01% of women
#b38023 Deuteranomaly 6% of men, 0.4% of women
#c1765b Tritanomaly 0.01% of the population

#bc771f hex color

#bc771f Color Information

#bc771f Color Conversion

Color Schemes with #bc771f

Alternatives to #bc771f

#bc771f Preview

Shades and Tints of #bc771f

Tones of #bc771f

Color Blindness Simulator