#bc7342 hex color

In a RGB color space, hex #bc7342 is composed of 73.7% red, 45.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.8% magenta, 64.9% yellow and 26.3% black. It has a hue angle of 24.1 degrees, a saturation of 48% and a lightness of 49.8%. #bc7342 color hex could be obtained by blending #ffe684 with #790000. Closest websafe color is: #cc6633.

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

● #bc7342 color description : Moderate orange.

The hexadecimal color #bc7342 has RGB values of R:188, G:115, B:66 and CMYK values of C:0, M:0.39, Y:0.65, K:0.26. Its decimal value is 12350274.

Hex triplet	bc7342	`#bc7342`
RGB Decimal	188, 115, 66	`rgb(188,115,66)`
RGB Percent	73.7, 45.1, 25.9	`rgb(73.7%,45.1%,25.9%)`
CMYK	0, 39, 65, 26
HSL	24.1°, 48, 49.8	`hsl(24.1,48%,49.8%)`
HSV (or HSB)	24.1°, 64.9, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.429, 24.228, 38.716
XYZ	27.854, 23.348, 8.194
xyY	0.469, 0.393, 23.348
CIE-LCH	55.429, 45.672, 57.962
CIE-LUV	55.429, 56.825, 38.573
Hunter-Lab	48.32, 18.335, 23.77
Binary	10111100, 01110011, 01000010

#bc7342
```
#bc7342 rgb(188,115,66)
```
#428bbc
```
#428bbc rgb(66,139,188)
```

Complementary Color

#bc424e
```
#bc424e rgb(188,66,78)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```
#bcb042
```
#bcb042 rgb(188,176,66)
```

Analogous Color

#424ebc
```
#424ebc rgb(66,78,188)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```
#42bcb0
```
#42bcb0 rgb(66,188,176)
```

Split Complementary Color

#7342bc
```
#7342bc rgb(115,66,188)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```
#42bc73
```
#42bc73 rgb(66,188,115)
```

Triadic Color

#bc428b
```
#bc428b rgb(188,66,139)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```
#42bc73
```
#42bc73 rgb(66,188,115)
```
#428bbc
```
#428bbc rgb(66,139,188)
```

Tetradic Color

#83502e
```
#83502e rgb(131,80,46)
```
#965c35
```
#965c35 rgb(150,92,53)
```
#a9673b
```
#a9673b rgb(169,103,59)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```
#c38154
```
#c38154 rgb(195,129,84)
```
#ca8f67
```
#ca8f67 rgb(202,143,103)
```
#d09d7a
```
#d09d7a rgb(208,157,122)
```

Monochromatic Color

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

#bc5542
```
#bc5542 rgb(188,85,66)
```
#bc5f42
```
#bc5f42 rgb(188,95,66)
```
#bc6942
```
#bc6942 rgb(188,105,66)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```
#bc7d42
```
#bc7d42 rgb(188,125,66)
```
#bc8742
```
#bc8742 rgb(188,135,66)
```
#bc9242
```
#bc9242 rgb(188,146,66)
```

Similar Colors

Text with hexadecimal color #bc7342

This text has a font color of #bc7342.

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

#bc7342 background color

This paragraph has a background color of #bc7342.

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

#bc7342 border color

This element has a border color of #bc7342.

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

CSS codes

.text {color:#bc7342;}

.background {background-color:#bc7342;}

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

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

#0e0805
```
#0e0805 rgb(14,8,5)
```
#1c110a
```
#1c110a rgb(28,17,10)
```
#2b1a0f
```
#2b1a0f rgb(43,26,15)
```
#392314
```
#392314 rgb(57,35,20)
```
#482c19
```
#482c19 rgb(72,44,25)
```
#56351e
```
#56351e rgb(86,53,30)
```
#653e23
```
#653e23 rgb(101,62,35)
```
#734729
```
#734729 rgb(115,71,41)
```
#824f2e
```
#824f2e rgb(130,79,46)
```
#905833
```
#905833 rgb(144,88,51)
```
#9f6138
```
#9f6138 rgb(159,97,56)
```
#ad6a3d
```
#ad6a3d rgb(173,106,61)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```

Shade Color Variation

#c27e50
```
#c27e50 rgb(194,126,80)
```
#c7885f
```
#c7885f rgb(199,136,95)
```
#cc936d
```
#cc936d rgb(204,147,109)
```
#d19e7c
```
#d19e7c rgb(209,158,124)
```
#d6a98a
```
#d6a98a rgb(214,169,138)
```
#dbb399
```
#dbb399 rgb(219,179,153)
```
#e0bea7
```
#e0bea7 rgb(224,190,167)
```
#e5c9b6
```
#e5c9b6 rgb(229,201,182)
```
#ead4c4
```
#ead4c4 rgb(234,212,196)
```
#efded3
```
#efded3 rgb(239,222,211)
```
#f5e9e1
```
#f5e9e1 rgb(245,233,225)
```
#faf4f0
```
#faf4f0 rgb(250,244,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#817f7d
```
#817f7d rgb(129,127,125)
```
#8b7d73
```
#8b7d73 rgb(139,125,115)
```
#957b69
```
#957b69 rgb(149,123,105)
```
#9f795f
```
#9f795f rgb(159,121,95)
```
#a87756
```
#a87756 rgb(168,119,86)
```
#b2754c
```
#b2754c rgb(178,117,76)
```
#bc7342
```
#bc7342 rgb(188,115,66)
```
#c67138
```
#c67138 rgb(198,113,56)
```
#d06f2e
```
#d06f2e rgb(208,111,46)
```
#d96d25
```
#d96d25 rgb(217,109,37)
```
#e36b1b
```
#e36b1b rgb(227,107,27)
```
#ed6911
```
#ed6911 rgb(237,105,17)
```
#f76707
```
#f76707 rgb(247,103,7)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8e8076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988b51 Protanopia 1% of men
#a98448 Deuteranopia 1% of men
#c2747c Tritanopia 0.001% of the population

Trichromacy

#a5824b Protanomaly 1% of men, 0.01% of women
#b07e46 Deuteranomaly 6% of men, 0.4% of women
#c07367 Tritanomaly 0.01% of the population

#bc7342 hex color

#bc7342 Color Information

#bc7342 Color Conversion

Color Schemes with #bc7342

Alternatives to #bc7342

#bc7342 Preview

Shades and Tints of #bc7342

Tones of #bc7342

Color Blindness Simulator