#bc670f hex color

In a RGB color space, hex #bc670f is composed of 73.7% red, 40.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.2% magenta, 92% yellow and 26.3% black. It has a hue angle of 30.5 degrees, a saturation of 85.2% and a lightness of 39.8%. #bc670f color hex could be obtained by blending #ffce1e with #790000. Closest websafe color is: #cc6600.

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

● #bc670f color description : Strong orange.

The hexadecimal color #bc670f has RGB values of R:188, G:103, B:15 and CMYK values of C:0, M:0.45, Y:0.92, K:0.26. Its decimal value is 12347151.

Hex triplet	bc670f	`#bc670f`
RGB Decimal	188, 103, 15	`rgb(188,103,15)`
RGB Percent	73.7, 40.4, 5.9	`rgb(73.7%,40.4%,5.9%)`
CMYK	0, 45, 92, 26
HSL	30.5°, 85.2, 39.8	`hsl(30.5,85.2%,39.8%)`
HSV (or HSB)	30.5°, 92, 73.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.318, 28.747, 57.097
XYZ	25.676, 20.429, 3.043
xyY	0.522, 0.416, 20.429
CIE-LCH	52.318, 63.926, 63.276
CIE-LUV	52.318, 70.152, 47.926
Hunter-Lab	45.198, 22.307, 27.647
Binary	10111100, 01100111, 00001111

#bc670f
```
#bc670f rgb(188,103,15)
```
#0f64bc
```
#0f64bc rgb(15,100,188)
```

Complementary Color

#bc100f
```
#bc100f rgb(188,16,15)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#bbbc0f
```
#bbbc0f rgb(187,188,15)
```

Analogous Color

#100fbc
```
#100fbc rgb(16,15,188)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#0fbbbc
```
#0fbbbc rgb(15,187,188)
```

Split Complementary Color

#670fbc
```
#670fbc rgb(103,15,188)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#0fbc67
```
#0fbc67 rgb(15,188,103)
```

Triadic Color

#bc0f64
```
#bc0f64 rgb(188,15,100)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#0fbc67
```
#0fbc67 rgb(15,188,103)
```
#0f64bc
```
#0f64bc rgb(15,100,188)
```

Tetradic Color

#754009
```
#754009 rgb(117,64,9)
```
#8d4d0b
```
#8d4d0b rgb(141,77,11)
```
#a45a0d
```
#a45a0d rgb(164,90,13)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#d47411
```
#d47411 rgb(212,116,17)
```
#eb8113
```
#eb8113 rgb(235,129,19)
```
#ee8d2a
```
#ee8d2a rgb(238,141,42)
```

Monochromatic Color

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

#bc3c0f
```
#bc3c0f rgb(188,60,15)
```
#bc4a0f
```
#bc4a0f rgb(188,74,15)
```
#bc590f
```
#bc590f rgb(188,89,15)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#bc750f
```
#bc750f rgb(188,117,15)
```
#bc840f
```
#bc840f rgb(188,132,15)
```
#bc920f
```
#bc920f rgb(188,146,15)
```

Similar Colors

Text with hexadecimal color #bc670f

This text has a font color of #bc670f.

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

#bc670f background color

This paragraph has a background color of #bc670f.

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

#bc670f border color

This element has a border color of #bc670f.

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

CSS codes

.text {color:#bc670f;}

.background {background-color:#bc670f;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#190d02
```
#190d02 rgb(25,13,2)
```
#2b1703
```
#2b1703 rgb(43,23,3)
```
#3d2105
```
#3d2105 rgb(61,33,5)
```
#4f2b06
```
#4f2b06 rgb(79,43,6)
```
#613508
```
#613508 rgb(97,53,8)
```
#733f09
```
#733f09 rgb(115,63,9)
```
#86490b
```
#86490b rgb(134,73,11)
```
#98530c
```
#98530c rgb(152,83,12)
```
#aa5d0e
```
#aa5d0e rgb(170,93,14)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#ce7110
```
#ce7110 rgb(206,113,16)
```
#e07b12
```
#e07b12 rgb(224,123,18)
```

Shade Color Variation

#ed8519
```
#ed8519 rgb(237,133,25)
```
#ee8e2b
```
#ee8e2b rgb(238,142,43)
```
#f0983e
```
#f0983e rgb(240,152,62)
```
#f1a250
```
#f1a250 rgb(241,162,80)
```
#f2ab62
```
#f2ab62 rgb(242,171,98)
```
#f4b574
```
#f4b574 rgb(244,181,116)
```
#f5bf86
```
#f5bf86 rgb(245,191,134)
```
#f7c898
```
#f7c898 rgb(247,200,152)
```
#f8d2ab
```
#f8d2ab rgb(248,210,171)
```
#fadcbd
```
#fadcbd rgb(250,220,189)
```
#fbe5cf
```
#fbe5cf rgb(251,229,207)
```
#fdefe1
```
#fdefe1 rgb(253,239,225)
```
#fef9f3
```
#fef9f3 rgb(254,249,243)
```

Tint Color Variation

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

#666665
```
#666665 rgb(102,102,101)
```
#6e665d
```
#6e665d rgb(110,102,93)
```
#766655
```
#766655 rgb(118,102,85)
```
#7e664d
```
#7e664d rgb(126,102,77)
```
#856646
```
#856646 rgb(133,102,70)
```
#8d663e
```
#8d663e rgb(141,102,62)
```
#956636
```
#956636 rgb(149,102,54)
```
#9d662e
```
#9d662e rgb(157,102,46)
```
#a56726
```
#a56726 rgb(165,103,38)
```
#ac671f
```
#ac671f rgb(172,103,31)
```
#b46717
```
#b46717 rgb(180,103,23)
```
#bc670f
```
#bc670f rgb(188,103,15)
```
#c46707
```
#c46707 rgb(196,103,7)
```

Tone Color Variation

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

#938321 Protanopia 1% of men
#a47d0b Deuteranopia 1% of men
#c3676e Tritanopia 0.001% of the population

Trichromacy

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

#bc670f hex color

#bc670f Color Information

#bc670f Color Conversion

Color Schemes with #bc670f

Alternatives to #bc670f

#bc670f Preview

Shades and Tints of #bc670f

Tones of #bc670f

Color Blindness Simulator