#bc680c hex color

In a RGB color space, hex #bc680c is composed of 73.7% red, 40.8% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.7% magenta, 93.6% yellow and 26.3% black. It has a hue angle of 31.4 degrees, a saturation of 88% and a lightness of 39.2%. #bc680c color hex could be obtained by blending #ffd018 with #790000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 74
- G 41
- B 5
RGB color chart
- C 0
- M 45
- Y 94
- K 26
CMYK color chart

● #bc680c color description : Strong orange.

The hexadecimal color #bc680c has RGB values of R:188, G:104, B:12 and CMYK values of C:0, M:0.45, Y:0.94, K:0.26. Its decimal value is 12347404.

Hex triplet	bc680c	`#bc680c`
RGB Decimal	188, 104, 12	`rgb(188,104,12)`
RGB Percent	73.7, 40.8, 4.7	`rgb(73.7%,40.8%,4.7%)`
CMYK	0, 45, 94, 26
HSL	31.4°, 88, 39.2	`hsl(31.4,88%,39.2%)`
HSV (or HSB)	31.4°, 93.6, 73.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.532, 28.163, 57.943
XYZ	25.757, 20.621, 2.972
xyY	0.522, 0.418, 20.621
CIE-LCH	52.532, 64.425, 64.078
CIE-LUV	52.532, 69.432, 48.615
Hunter-Lab	45.41, 21.778, 27.907
Binary	10111100, 01101000, 00001100

#bc680c
```
#bc680c rgb(188,104,12)
```
#0c60bc
```
#0c60bc rgb(12,96,188)
```

Complementary Color

#bc100c
```
#bc100c rgb(188,16,12)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#b8bc0c
```
#b8bc0c rgb(184,188,12)
```

Analogous Color

#100cbc
```
#100cbc rgb(16,12,188)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#0cb8bc
```
#0cb8bc rgb(12,184,188)
```

Split Complementary Color

#680cbc
```
#680cbc rgb(104,12,188)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#0cbc68
```
#0cbc68 rgb(12,188,104)
```

Triadic Color

#bc0c60
```
#bc0c60 rgb(188,12,96)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#0cbc68
```
#0cbc68 rgb(12,188,104)
```
#0c60bc
```
#0c60bc rgb(12,96,188)
```

Tetradic Color

#744007
```
#744007 rgb(116,64,7)
```
#8c4d09
```
#8c4d09 rgb(140,77,9)
```
#a45b0a
```
#a45b0a rgb(164,91,10)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#d4750e
```
#d4750e rgb(212,117,14)
```
#ec830f
```
#ec830f rgb(236,131,15)
```
#f18f24
```
#f18f24 rgb(241,143,36)
```

Monochromatic Color

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

#bc3c0c
```
#bc3c0c rgb(188,60,12)
```
#bc4b0c
```
#bc4b0c rgb(188,75,12)
```
#bc590c
```
#bc590c rgb(188,89,12)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#bc770c
```
#bc770c rgb(188,119,12)
```
#bc850c
```
#bc850c rgb(188,133,12)
```
#bc940c
```
#bc940c rgb(188,148,12)
```

Similar Colors

Text with hexadecimal color #bc680c

This text has a font color of #bc680c.

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

#bc680c background color

This paragraph has a background color of #bc680c.

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

#bc680c border color

This element has a border color of #bc680c.

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

CSS codes

.text {color:#bc680c;}

.background {background-color:#bc680c;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160c01
```
#160c01 rgb(22,12,1)
```
#281603
```
#281603 rgb(40,22,3)
```
#3b2104
```
#3b2104 rgb(59,33,4)
```
#4d2b05
```
#4d2b05 rgb(77,43,5)
```
#603506
```
#603506 rgb(96,53,6)
```
#723f07
```
#723f07 rgb(114,63,7)
```
#854908
```
#854908 rgb(133,73,8)
```
#97540a
```
#97540a rgb(151,84,10)
```
#aa5e0b
```
#aa5e0b rgb(170,94,11)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#ce720d
```
#ce720d rgb(206,114,13)
```
#e17c0e
```
#e17c0e rgb(225,124,14)
```

Shade Color Variation

#f08613
```
#f08613 rgb(240,134,19)
```
#f19025
```
#f19025 rgb(241,144,37)
```
#f29938
```
#f29938 rgb(242,153,56)
```
#f3a34a
```
#f3a34a rgb(243,163,74)
```
#f5ac5d
```
#f5ac5d rgb(245,172,93)
```
#f6b66f
```
#f6b66f rgb(246,182,111)
```
#f7bf82
```
#f7bf82 rgb(247,191,130)
```
#f8c894
```
#f8c894 rgb(248,200,148)
```
#f9d2a6
```
#f9d2a6 rgb(249,210,166)
```
#fbdbb9
```
#fbdbb9 rgb(251,219,185)
```
#fce5cb
```
#fce5cb rgb(252,229,203)
```
#fdeede
```
#fdeede rgb(253,238,222)
```
#fef7f0
```
#fef7f0 rgb(254,247,240)
```

Tint Color Variation

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

#676461
```
#676461 rgb(103,100,97)
```
#6f6559
```
#6f6559 rgb(111,101,89)
```
#776551
```
#776551 rgb(119,101,81)
```
#7e654a
```
#7e654a rgb(126,101,74)
```
#866642
```
#866642 rgb(134,102,66)
```
#8e663a
```
#8e663a rgb(142,102,58)
```
#966632
```
#966632 rgb(150,102,50)
```
#9d672b
```
#9d672b rgb(157,103,43)
```
#a56723
```
#a56723 rgb(165,103,35)
```
#ad671b
```
#ad671b rgb(173,103,27)
```
#b46814
```
#b46814 rgb(180,104,20)
```
#bc680c
```
#bc680c rgb(188,104,12)
```
#c46804
```
#c46804 rgb(196,104,4)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#857462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93841e Protanopia 1% of men
#a57d00 Deuteranopia 1% of men
#c3686f Tritanopia 0.001% of the population

Trichromacy

#a27a17 Protanomaly 1% of men, 0.01% of women
#ad7504 Deuteranomaly 6% of men, 0.4% of women
#c0684b Tritanomaly 0.01% of the population

#bc680c hex color

#bc680c Color Information

#bc680c Color Conversion

Color Schemes with #bc680c

Alternatives to #bc680c

#bc680c Preview

Shades and Tints of #bc680c

Tones of #bc680c

Color Blindness Simulator