#bc691e hex color

In a RGB color space, hex #bc691e is composed of 73.7% red, 41.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.1% magenta, 84% yellow and 26.3% black. It has a hue angle of 28.5 degrees, a saturation of 72.5% and a lightness of 42.7%. #bc691e color hex could be obtained by blending #ffd23c 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

● #bc691e color description : Strong orange.

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

Hex triplet	bc691e	`#bc691e`
RGB Decimal	188, 105, 30	`rgb(188,105,30)`
RGB Percent	73.7, 41.2, 11.8	`rgb(73.7%,41.2%,11.8%)`
CMYK	0, 44, 84, 26
HSL	28.5°, 72.5, 42.7	`hsl(28.5,72.5%,42.7%)`
HSV (or HSB)	28.5°, 84, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.829, 28.004, 52.801
XYZ	26.026, 20.89, 3.89
xyY	0.512, 0.411, 20.89
CIE-LCH	52.829, 59.768, 62.06
CIE-LUV	52.829, 67.79, 46.177
Hunter-Lab	45.706, 21.655, 26.948
Binary	10111100, 01101001, 00011110

#bc691e
```
#bc691e rgb(188,105,30)
```
#1e71bc
```
#1e71bc rgb(30,113,188)
```

Complementary Color

#bc1e22
```
#bc1e22 rgb(188,30,34)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#bcb81e
```
#bcb81e rgb(188,184,30)
```

Analogous Color

#1e22bc
```
#1e22bc rgb(30,34,188)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#1ebcb8
```
#1ebcb8 rgb(30,188,184)
```

Split Complementary Color

#691ebc
```
#691ebc rgb(105,30,188)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#1ebc69
```
#1ebc69 rgb(30,188,105)
```

Triadic Color

#bc1e71
```
#bc1e71 rgb(188,30,113)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#1ebc69
```
#1ebc69 rgb(30,188,105)
```
#1e71bc
```
#1e71bc rgb(30,113,188)
```

Tetradic Color

#7a4413
```
#7a4413 rgb(122,68,19)
```
#905017
```
#905017 rgb(144,80,23)
```
#a65d1a
```
#a65d1a rgb(166,93,26)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#d27522
```
#d27522 rgb(210,117,34)
```
#de822f
```
#de822f rgb(222,130,47)
```
#e18f45
```
#e18f45 rgb(225,143,69)
```

Monochromatic Color

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

#bc421e
```
#bc421e rgb(188,66,30)
```
#bc4f1e
```
#bc4f1e rgb(188,79,30)
```
#bc5c1e
```
#bc5c1e rgb(188,92,30)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#bc761e
```
#bc761e rgb(188,118,30)
```
#bc831e
```
#bc831e rgb(188,131,30)
```
#bc911e
```
#bc911e rgb(188,145,30)
```

Similar Colors

Text with hexadecimal color #bc691e

This text has a font color of #bc691e.

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

#bc691e background color

This paragraph has a background color of #bc691e.

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

#bc691e border color

This element has a border color of #bc691e.

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

CSS codes

.text {color:#bc691e;}

.background {background-color:#bc691e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130b03
```
#130b03 rgb(19,11,3)
```
#241406
```
#241406 rgb(36,20,6)
```
#351d08
```
#351d08 rgb(53,29,8)
```
#46270b
```
#46270b rgb(70,39,11)
```
#57300e
```
#57300e rgb(87,48,14)
```
#673a11
```
#673a11 rgb(103,58,17)
```
#784313
```
#784313 rgb(120,67,19)
```
#894d16
```
#894d16 rgb(137,77,22)
```
#9a5619
```
#9a5619 rgb(154,86,25)
```
#ab601b
```
#ab601b rgb(171,96,27)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#cd7221
```
#cd7221 rgb(205,114,33)
```

Shade Color Variation

#dc7c25
```
#dc7c25 rgb(220,124,37)
```
#df8636
```
#df8636 rgb(223,134,54)
```
#e29047
```
#e29047 rgb(226,144,71)
```
#e49a58
```
#e49a58 rgb(228,154,88)
```
#e7a569
```
#e7a569 rgb(231,165,105)
```
#eaaf7a
```
#eaaf7a rgb(234,175,122)
```
#ecb98b
```
#ecb98b rgb(236,185,139)
```
#efc39b
```
#efc39b rgb(239,195,155)
```
#f2cdac
```
#f2cdac rgb(242,205,172)
```
#f5d7bd
```
#f5d7bd rgb(245,215,189)
```
#f7e2ce
```
#f7e2ce rgb(247,226,206)
```
#faecdf
```
#faecdf rgb(250,236,223)
```
#fdf6f0
```
#fdf6f0 rgb(253,246,240)
```

Tint Color Variation

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

#716d69
```
#716d69 rgb(113,109,105)
```
#796c61
```
#796c61 rgb(121,108,97)
```
#816c59
```
#816c59 rgb(129,108,89)
```
#8a6c50
```
#8a6c50 rgb(138,108,80)
```
#926b48
```
#926b48 rgb(146,107,72)
```
#9a6b40
```
#9a6b40 rgb(154,107,64)
```
#a36a37
```
#a36a37 rgb(163,106,55)
```
#ab6a2f
```
#ab6a2f rgb(171,106,47)
```
#b46926
```
#b46926 rgb(180,105,38)
```
#bc691e
```
#bc691e rgb(188,105,30)
```
#c46916
```
#c46916 rgb(196,105,22)
```
#cd680d
```
#cd680d rgb(205,104,13)
```
#d56805
```
#d56805 rgb(213,104,5)
```

Tone Color Variation

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

#94852e Protanopia 1% of men
#a57e22 Deuteranopia 1% of men
#c36970 Tritanopia 0.001% of the population

Trichromacy

#a27a28 Protanomaly 1% of men, 0.01% of women
#ad7621 Deuteranomaly 6% of men, 0.4% of women
#c06952 Tritanomaly 0.01% of the population

#bc691e hex color

#bc691e Color Information

#bc691e Color Conversion

Color Schemes with #bc691e

Alternatives to #bc691e

#bc691e Preview

Shades and Tints of #bc691e

Tones of #bc691e

Color Blindness Simulator