#bc670e hex color

In a RGB color space, hex #bc670e is composed of 73.7% red, 40.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.2% magenta, 92.6% yellow and 26.3% black. It has a hue angle of 30.7 degrees, a saturation of 86.1% and a lightness of 39.6%. #bc670e color hex could be obtained by blending #ffce1c with #790000. Closest websafe color is: #cc6600.

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

● #bc670e color description : Strong orange.

The hexadecimal color #bc670e has RGB values of R:188, G:103, B:14 and CMYK values of C:0, M:0.45, Y:0.93, K:0.26. Its decimal value is 12347150.

Hex triplet	bc670e	`#bc670e`
RGB Decimal	188, 103, 14	`rgb(188,103,14)`
RGB Percent	73.7, 40.4, 5.5	`rgb(73.7%,40.4%,5.5%)`
CMYK	0, 45, 93, 26
HSL	30.7°, 86.1, 39.6	`hsl(30.7,86.1%,39.6%)`
HSV (or HSB)	30.7°, 92.6, 73.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.315, 28.731, 57.337
XYZ	25.669, 20.426, 3.006
xyY	0.523, 0.416, 20.426
CIE-LCH	52.315, 64.132, 63.385
CIE-LUV	52.315, 70.187, 48.044
Hunter-Lab	45.195, 22.292, 27.693
Binary	10111100, 01100111, 00001110

#bc670e
```
#bc670e rgb(188,103,14)
```
#0e63bc
```
#0e63bc rgb(14,99,188)
```

Complementary Color

#bc100e
```
#bc100e rgb(188,16,14)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#babc0e
```
#babc0e rgb(186,188,14)
```

Analogous Color

#100ebc
```
#100ebc rgb(16,14,188)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#0ebabc
```
#0ebabc rgb(14,186,188)
```

Split Complementary Color

#670ebc
```
#670ebc rgb(103,14,188)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#0ebc67
```
#0ebc67 rgb(14,188,103)
```

Triadic Color

#bc0e63
```
#bc0e63 rgb(188,14,99)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#0ebc67
```
#0ebc67 rgb(14,188,103)
```
#0e63bc
```
#0e63bc rgb(14,99,188)
```

Tetradic Color

#754009
```
#754009 rgb(117,64,9)
```
#8d4d0a
```
#8d4d0a rgb(141,77,10)
```
#a45a0c
```
#a45a0c rgb(164,90,12)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#d47410
```
#d47410 rgb(212,116,16)
```
#eb8112
```
#eb8112 rgb(235,129,18)
```
#ef8e28
```
#ef8e28 rgb(239,142,40)
```

Monochromatic Color

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

#bc3b0e
```
#bc3b0e rgb(188,59,14)
```
#bc4a0e
```
#bc4a0e rgb(188,74,14)
```
#bc580e
```
#bc580e rgb(188,88,14)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#bc760e
```
#bc760e rgb(188,118,14)
```
#bc840e
```
#bc840e rgb(188,132,14)
```
#bc930e
```
#bc930e rgb(188,147,14)
```

Similar Colors

Text with hexadecimal color #bc670e

This text has a font color of #bc670e.

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

#bc670e background color

This paragraph has a background color of #bc670e.

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

#bc670e border color

This element has a border color of #bc670e.

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

CSS codes

.text {color:#bc670e;}

.background {background-color:#bc670e;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#180d02
```
#180d02 rgb(24,13,2)
```
#2a1703
```
#2a1703 rgb(42,23,3)
```
#3c2104
```
#3c2104 rgb(60,33,4)
```
#4e2b06
```
#4e2b06 rgb(78,43,6)
```
#613507
```
#613507 rgb(97,53,7)
```
#733f09
```
#733f09 rgb(115,63,9)
```
#85490a
```
#85490a rgb(133,73,10)
```
#97530b
```
#97530b rgb(151,83,11)
```
#aa5d0d
```
#aa5d0d rgb(170,93,13)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#ce710f
```
#ce710f rgb(206,113,15)
```
#e17b11
```
#e17b11 rgb(225,123,17)
```

Shade Color Variation

#ee8517
```
#ee8517 rgb(238,133,23)
```
#ef8f29
```
#ef8f29 rgb(239,143,41)
```
#f0983c
```
#f0983c rgb(240,152,60)
```
#f2a24e
```
#f2a24e rgb(242,162,78)
```
#f3ab60
```
#f3ab60 rgb(243,171,96)
```
#f5b572
```
#f5b572 rgb(245,181,114)
```
#f6bf85
```
#f6bf85 rgb(246,191,133)
```
#f7c897
```
#f7c897 rgb(247,200,151)
```
#f9d2a9
```
#f9d2a9 rgb(249,210,169)
```
#fadbbb
```
#fadbbb rgb(250,219,187)
```
#fbe5ce
```
#fbe5ce rgb(251,229,206)
```
#fdefe0
```
#fdefe0 rgb(253,239,224)
```
#fef8f2
```
#fef8f2 rgb(254,248,242)
```

Tint Color Variation

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

#676563
```
#676563 rgb(103,101,99)
```
#6e655c
```
#6e655c rgb(110,101,92)
```
#766554
```
#766554 rgb(118,101,84)
```
#7e664c
```
#7e664c rgb(126,102,76)
```
#866644
```
#866644 rgb(134,102,68)
```
#8d663d
```
#8d663d rgb(141,102,61)
```
#956635
```
#956635 rgb(149,102,53)
```
#9d662d
```
#9d662d rgb(157,102,45)
```
#a56625
```
#a56625 rgb(165,102,37)
```
#ac671e
```
#ac671e rgb(172,103,30)
```
#b46716
```
#b46716 rgb(180,103,22)
```
#bc670e
```
#bc670e rgb(188,103,14)
```
#c46706
```
#c46706 rgb(196,103,6)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#847361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938320 Protanopia 1% of men
#a47d07 Deuteranopia 1% of men
#c3676e Tritanopia 0.001% of the population

Trichromacy

#a27919 Protanomaly 1% of men, 0.01% of women
#ad7509 Deuteranomaly 6% of men, 0.4% of women
#c0674b Tritanomaly 0.01% of the population

#bc670e hex color

#bc670e Color Information

#bc670e Color Conversion

Color Schemes with #bc670e

Alternatives to #bc670e

#bc670e Preview

Shades and Tints of #bc670e

Tones of #bc670e

Color Blindness Simulator