#bc931f hex color

In a RGB color space, hex #bc931f is composed of 73.7% red, 57.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.8% magenta, 83.5% yellow and 26.3% black. It has a hue angle of 44.3 degrees, a saturation of 71.7% and a lightness of 42.9%. #bc931f color hex could be obtained by blending #ffff3e with #792700. Closest websafe color is: #cc9933.

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

● #bc931f color description : Strong orange.

The hexadecimal color #bc931f has RGB values of R:188, G:147, B:31 and CMYK values of C:0, M:0.22, Y:0.84, K:0.26. Its decimal value is 12358431.

Hex triplet	bc931f	`#bc931f`
RGB Decimal	188, 147, 31	`rgb(188,147,31)`
RGB Percent	73.7, 57.6, 12.2	`rgb(73.7%,57.6%,12.2%)`
CMYK	0, 22, 84, 26
HSL	44.3°, 71.7, 42.9	`hsl(44.3,71.7%,42.9%)`
HSV (or HSB)	44.3°, 83.5, 73.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.06, 4.946, 61.266
XYZ	31.421, 31.659, 5.752
xyY	0.456, 0.46, 31.659
CIE-LCH	63.06, 61.465, 85.384
CIE-LUV	63.06, 34.604, 62.205
Hunter-Lab	56.267, 1.212, 33.325
Binary	10111100, 10010011, 00011111

#bc931f
```
#bc931f rgb(188,147,31)
```
#1f48bc
```
#1f48bc rgb(31,72,188)
```

Complementary Color

#bc451f
```
#bc451f rgb(188,69,31)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#97bc1f
```
#97bc1f rgb(151,188,31)
```

Analogous Color

#451fbc
```
#451fbc rgb(69,31,188)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#1f97bc
```
#1f97bc rgb(31,151,188)
```

Split Complementary Color

#931fbc
```
#931fbc rgb(147,31,188)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#1fbc93
```
#1fbc93 rgb(31,188,147)
```

Triadic Color

#bc1f48
```
#bc1f48 rgb(188,31,72)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#1fbc93
```
#1fbc93 rgb(31,188,147)
```
#1f48bc
```
#1f48bc rgb(31,72,188)
```

Tetradic Color

#7a6014
```
#7a6014 rgb(122,96,20)
```
#907118
```
#907118 rgb(144,113,24)
```
#a6821b
```
#a6821b rgb(166,130,27)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#d2a423
```
#d2a423 rgb(210,164,35)
```
#ddb031
```
#ddb031 rgb(221,176,49)
```
#e1b847
```
#e1b847 rgb(225,184,71)
```

Monochromatic Color

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

#bc6c1f
```
#bc6c1f rgb(188,108,31)
```
#bc791f
```
#bc791f rgb(188,121,31)
```
#bc861f
```
#bc861f rgb(188,134,31)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#bca01f
```
#bca01f rgb(188,160,31)
```
#bcad1f
```
#bcad1f rgb(188,173,31)
```
#bcba1f
```
#bcba1f rgb(188,186,31)
```

Similar Colors

Text with hexadecimal color #bc931f

This text has a font color of #bc931f.

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

#bc931f background color

This paragraph has a background color of #bc931f.

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

#bc931f border color

This element has a border color of #bc931f.

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

CSS codes

.text {color:#bc931f;}

.background {background-color:#bc931f;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140f03
```
#140f03 rgb(20,15,3)
```
#241d06
```
#241d06 rgb(36,29,6)
```
#352a09
```
#352a09 rgb(53,42,9)
```
#46370c
```
#46370c rgb(70,55,12)
```
#57440e
```
#57440e rgb(87,68,14)
```
#685111
```
#685111 rgb(104,81,17)
```
#795e14
```
#795e14 rgb(121,94,20)
```
#896c17
```
#896c17 rgb(137,108,23)
```
#9a7919
```
#9a7919 rgb(154,121,25)
```
#ab861c
```
#ab861c rgb(171,134,28)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#cda022
```
#cda022 rgb(205,160,34)
```

Shade Color Variation

#dbac27
```
#dbac27 rgb(219,172,39)
```
#deb338
```
#deb338 rgb(222,179,56)
```
#e1b949
```
#e1b949 rgb(225,185,73)
```
#e4c059
```
#e4c059 rgb(228,192,89)
```
#e6c66a
```
#e6c66a rgb(230,198,106)
```
#e9cc7b
```
#e9cc7b rgb(233,204,123)
```
#ecd38c
```
#ecd38c rgb(236,211,140)
```
#efd99d
```
#efd99d rgb(239,217,157)
```
#f2e0ae
```
#f2e0ae rgb(242,224,174)
```
#f4e6be
```
#f4e6be rgb(244,230,190)
```
#f7edcf
```
#f7edcf rgb(247,237,207)
```
#faf3e0
```
#faf3e0 rgb(250,243,224)
```
#fdfaf1
```
#fdfaf1 rgb(253,250,241)
```

Tint Color Variation

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

#706f6b
```
#706f6b rgb(112,111,107)
```
#797362
```
#797362 rgb(121,115,98)
```
#81775a
```
#81775a rgb(129,119,90)
```
#897b52
```
#897b52 rgb(137,123,82)
```
#927f49
```
#927f49 rgb(146,127,73)
```
#9a8341
```
#9a8341 rgb(154,131,65)
```
#a38738
```
#a38738 rgb(163,135,56)
```
#ab8b30
```
#ab8b30 rgb(171,139,48)
```
#b48f27
```
#b48f27 rgb(180,143,39)
```
#bc931f
```
#bc931f rgb(188,147,31)
```
#c49717
```
#c49717 rgb(196,151,23)
```
#cd9b0e
```
#cd9b0e rgb(205,155,14)
```
#d59f06
```
#d59f06 rgb(213,159,6)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9a927b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e2c Protanopia 1% of men
#c4962b Deuteranopia 1% of men
#c78e98 Tritanopia 0.001% of the population

Trichromacy

#b49a27 Protanomaly 1% of men, 0.01% of women
#c19527 Deuteranomaly 6% of men, 0.4% of women
#c3906c Tritanomaly 0.01% of the population

#bc931f hex color

#bc931f Color Information

#bc931f Color Conversion

Color Schemes with #bc931f

Alternatives to #bc931f

#bc931f Preview

Shades and Tints of #bc931f

Tones of #bc931f

Color Blindness Simulator