#bc7314 hex color

In a RGB color space, hex #bc7314 is composed of 73.7% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.8% magenta, 89.4% yellow and 26.3% black. It has a hue angle of 33.9 degrees, a saturation of 80.8% and a lightness of 40.8%. #bc7314 color hex could be obtained by blending #ffe628 with #790000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 74
- G 45
- B 8
RGB color chart
- C 0
- M 39
- Y 89
- K 26
CMYK color chart

● #bc7314 color description : Strong orange.

The hexadecimal color #bc7314 has RGB values of R:188, G:115, B:20 and CMYK values of C:0, M:0.39, Y:0.89, K:0.26. Its decimal value is 12350228.

Hex triplet	bc7314	`#bc7314`
RGB Decimal	188, 115, 20	`rgb(188,115,20)`
RGB Percent	73.7, 45.1, 7.8	`rgb(73.7%,45.1%,7.8%)`
CMYK	0, 39, 89, 26
HSL	33.9°, 80.8, 40.8	`hsl(33.9,80.8%,40.8%)`
HSV (or HSB)	33.9°, 89.4, 73.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.078, 22.301, 57.882
XYZ	26.997, 23.005, 3.681
xyY	0.503, 0.429, 23.005
CIE-LCH	55.078, 62.029, 68.929
CIE-LUV	55.078, 60.162, 51.619
Hunter-Lab	47.964, 16.533, 29.025
Binary	10111100, 01110011, 00010100

#bc7314
```
#bc7314 rgb(188,115,20)
```
#145dbc
```
#145dbc rgb(20,93,188)
```

Complementary Color

#bc1f14
```
#bc1f14 rgb(188,31,20)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#b1bc14
```
#b1bc14 rgb(177,188,20)
```

Analogous Color

#1f14bc
```
#1f14bc rgb(31,20,188)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#14b1bc
```
#14b1bc rgb(20,177,188)
```

Split Complementary Color

#7314bc
```
#7314bc rgb(115,20,188)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#14bc73
```
#14bc73 rgb(20,188,115)
```

Triadic Color

#bc145d
```
#bc145d rgb(188,20,93)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#14bc73
```
#14bc73 rgb(20,188,115)
```
#145dbc
```
#145dbc rgb(20,93,188)
```

Tetradic Color

#77490d
```
#77490d rgb(119,73,13)
```
#8e570f
```
#8e570f rgb(142,87,15)
```
#a56512
```
#a56512 rgb(165,101,18)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#d38116
```
#d38116 rgb(211,129,22)
```
#e78f1c
```
#e78f1c rgb(231,143,28)
```
#e99a33
```
#e99a33 rgb(233,154,51)
```

Monochromatic Color

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

#bc4914
```
#bc4914 rgb(188,73,20)
```
#bc5714
```
#bc5714 rgb(188,87,20)
```
#bc6514
```
#bc6514 rgb(188,101,20)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#bc8114
```
#bc8114 rgb(188,129,20)
```
#bc8f14
```
#bc8f14 rgb(188,143,20)
```
#bc9d14
```
#bc9d14 rgb(188,157,20)
```

Similar Colors

Text with hexadecimal color #bc7314

This text has a font color of #bc7314.

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

#bc7314 background color

This paragraph has a background color of #bc7314.

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

#bc7314 border color

This element has a border color of #bc7314.

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

CSS codes

.text {color:#bc7314;}

.background {background-color:#bc7314;}

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

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, #0b0701 is the darkest color, while #fefcf8 is the lightest one.

#0b0701
```
#0b0701 rgb(11,7,1)
```
#1c1103
```
#1c1103 rgb(28,17,3)
```
#2e1c05
```
#2e1c05 rgb(46,28,5)
```
#402707
```
#402707 rgb(64,39,7)
```
#523209
```
#523209 rgb(82,50,9)
```
#633d0b
```
#633d0b rgb(99,61,11)
```
#75480c
```
#75480c rgb(117,72,12)
```
#87520e
```
#87520e rgb(135,82,14)
```
#995d10
```
#995d10 rgb(153,93,16)
```
#aa6812
```
#aa6812 rgb(170,104,18)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#ce7e16
```
#ce7e16 rgb(206,126,22)
```
#df8918
```
#df8918 rgb(223,137,24)
```

Shade Color Variation

#e89223
```
#e89223 rgb(232,146,35)
```
#ea9b35
```
#ea9b35 rgb(234,155,53)
```
#eba447
```
#eba447 rgb(235,164,71)
```
#edad58
```
#edad58 rgb(237,173,88)
```
#efb56a
```
#efb56a rgb(239,181,106)
```
#f1be7c
```
#f1be7c rgb(241,190,124)
```
#f3c78e
```
#f3c78e rgb(243,199,142)
```
#f5d09f
```
#f5d09f rgb(245,208,159)
```
#f7d8b1
```
#f7d8b1 rgb(247,216,177)
```
#f9e1c3
```
#f9e1c3 rgb(249,225,195)
```
#faead5
```
#faead5 rgb(250,234,213)
```
#fcf3e6
```
#fcf3e6 rgb(252,243,230)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#6c6964
```
#6c6964 rgb(108,105,100)
```
#746a5c
```
#746a5c rgb(116,106,92)
```
#7c6b54
```
#7c6b54 rgb(124,107,84)
```
#846c4c
```
#846c4c rgb(132,108,76)
```
#8c6d44
```
#8c6d44 rgb(140,109,68)
```
#946e3c
```
#946e3c rgb(148,110,60)
```
#9c6f34
```
#9c6f34 rgb(156,111,52)
```
#a4702c
```
#a4702c rgb(164,112,44)
```
#ac7124
```
#ac7124 rgb(172,113,36)
```
#b4721c
```
#b4721c rgb(180,114,28)
```
#bc7314
```
#bc7314 rgb(188,115,20)
```
#c4740c
```
#c4740c rgb(196,116,12)
```
#cc7504
```
#cc7504 rgb(204,117,4)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a7c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a24 Protanopia 1% of men
#ac8319 Deuteranopia 1% of men
#c3727a Tritanopia 0.001% of the population

Trichromacy

#a6811e Protanomaly 1% of men, 0.01% of women
#b27d17 Deuteranomaly 6% of men, 0.4% of women
#c17254 Tritanomaly 0.01% of the population

#bc7314 hex color

#bc7314 Color Information

#bc7314 Color Conversion

Color Schemes with #bc7314

Alternatives to #bc7314

#bc7314 Preview

Shades and Tints of #bc7314

Tones of #bc7314

Color Blindness Simulator