#bc691f hex color

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

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

● #bc691f color description : Strong orange.

The hexadecimal color #bc691f has RGB values of R:188, G:105, B:31 and CMYK values of C:0, M:0.44, Y:0.84, K:0.26. Its decimal value is 12347679.

Hex triplet	bc691f	`#bc691f`
RGB Decimal	188, 105, 31	`rgb(188,105,31)`
RGB Percent	73.7, 41.2, 12.2	`rgb(73.7%,41.2%,12.2%)`
CMYK	0, 44, 84, 26
HSL	28.3°, 71.7, 42.9	`hsl(28.3,71.7%,42.9%)`
HSV (or HSB)	28.3°, 83.5, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.835, 28.033, 52.427
XYZ	26.039, 20.896, 3.958
xyY	0.512, 0.411, 20.896
CIE-LCH	52.835, 59.452, 61.866
CIE-LUV	52.835, 67.727, 45.963
Hunter-Lab	45.712, 21.683, 26.864
Binary	10111100, 01101001, 00011111

#bc691f
```
#bc691f rgb(188,105,31)
```
#1f72bc
```
#1f72bc rgb(31,114,188)
```

Complementary Color

#bc1f24
```
#bc1f24 rgb(188,31,36)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#bcb81f
```
#bcb81f rgb(188,184,31)
```

Analogous Color

#1f24bc
```
#1f24bc rgb(31,36,188)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#1fbcb8
```
#1fbcb8 rgb(31,188,184)
```

Split Complementary Color

#691fbc
```
#691fbc rgb(105,31,188)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#1fbc69
```
#1fbc69 rgb(31,188,105)
```

Triadic Color

#bc1f72
```
#bc1f72 rgb(188,31,114)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#1fbc69
```
#1fbc69 rgb(31,188,105)
```
#1f72bc
```
#1f72bc rgb(31,114,188)
```

Tetradic Color

#7a4414
```
#7a4414 rgb(122,68,20)
```
#905118
```
#905118 rgb(144,81,24)
```
#a65d1b
```
#a65d1b rgb(166,93,27)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#d27523
```
#d27523 rgb(210,117,35)
```
#dd8231
```
#dd8231 rgb(221,130,49)
```
#e18f47
```
#e18f47 rgb(225,143,71)
```

Monochromatic Color

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

#bc421f
```
#bc421f rgb(188,66,31)
```
#bc4f1f
```
#bc4f1f rgb(188,79,31)
```
#bc5c1f
```
#bc5c1f rgb(188,92,31)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#bc761f
```
#bc761f rgb(188,118,31)
```
#bc831f
```
#bc831f rgb(188,131,31)
```
#bc901f
```
#bc901f rgb(188,144,31)
```

Similar Colors

Text with hexadecimal color #bc691f

This text has a font color of #bc691f.

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

#bc691f background color

This paragraph has a background color of #bc691f.

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

#bc691f border color

This element has a border color of #bc691f.

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

CSS codes

.text {color:#bc691f;}

.background {background-color:#bc691f;}

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

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)
```
#351e09
```
#351e09 rgb(53,30,9)
```
#46270c
```
#46270c rgb(70,39,12)
```
#57310e
```
#57310e rgb(87,49,14)
```
#683a11
```
#683a11 rgb(104,58,17)
```
#794314
```
#794314 rgb(121,67,20)
```
#894d17
```
#894d17 rgb(137,77,23)
```
#9a5619
```
#9a5619 rgb(154,86,25)
```
#ab601c
```
#ab601c rgb(171,96,28)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#cd7222
```
#cd7222 rgb(205,114,34)
```

Shade Color Variation

#db7c27
```
#db7c27 rgb(219,124,39)
```
#de8638
```
#de8638 rgb(222,134,56)
```
#e19049
```
#e19049 rgb(225,144,73)
```
#e49b59
```
#e49b59 rgb(228,155,89)
```
#e6a56a
```
#e6a56a rgb(230,165,106)
```
#e9af7b
```
#e9af7b rgb(233,175,123)
```
#ecb98c
```
#ecb98c rgb(236,185,140)
```
#efc39d
```
#efc39d rgb(239,195,157)
```
#f2ceae
```
#f2ceae rgb(242,206,174)
```
#f4d8be
```
#f4d8be rgb(244,216,190)
```
#f7e2cf
```
#f7e2cf rgb(247,226,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 #d56806 is the most saturated one.

#706d6b
```
#706d6b rgb(112,109,107)
```
#796d62
```
#796d62 rgb(121,109,98)
```
#816c5a
```
#816c5a rgb(129,108,90)
```
#896c52
```
#896c52 rgb(137,108,82)
```
#926b49
```
#926b49 rgb(146,107,73)
```
#9a6b41
```
#9a6b41 rgb(154,107,65)
```
#a36a38
```
#a36a38 rgb(163,106,56)
```
#ab6a30
```
#ab6a30 rgb(171,106,48)
```
#b46927
```
#b46927 rgb(180,105,39)
```
#bc691f
```
#bc691f rgb(188,105,31)
```
#c46917
```
#c46917 rgb(196,105,23)
```
#cd680e
```
#cd680e rgb(205,104,14)
```
#d56806
```
#d56806 rgb(213,104,6)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#867667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93852f Protanopia 1% of men
#a57e24 Deuteranopia 1% of men
#c36a70 Tritanopia 0.001% of the population

Trichromacy

#a27a29 Protanomaly 1% of men, 0.01% of women
#ad7622 Deuteranomaly 6% of men, 0.4% of women
#c06953 Tritanomaly 0.01% of the population

#bc691f hex color

#bc691f Color Information

#bc691f Color Conversion

Color Schemes with #bc691f

Alternatives to #bc691f

#bc691f Preview

Shades and Tints of #bc691f

Tones of #bc691f

Color Blindness Simulator