#bc7257 hex color

In a RGB color space, hex #bc7257 is composed of 73.7% red, 44.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 53.7% yellow and 26.3% black. It has a hue angle of 16 degrees, a saturation of 43% and a lightness of 53.9%. #bc7257 color hex could be obtained by blending #ffe4ae with #790000. Closest websafe color is: #cc6666.

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

● #bc7257 color description : Moderate orange.

The hexadecimal color #bc7257 has RGB values of R:188, G:114, B:87 and CMYK values of C:0, M:0.39, Y:0.54, K:0.26. Its decimal value is 12350039.

Hex triplet	bc7257	`#bc7257`
RGB Decimal	188, 114, 87	`rgb(188,114,87)`
RGB Percent	73.7, 44.7, 34.1	`rgb(73.7%,44.7%,34.1%)`
CMYK	0, 39, 54, 26
HSL	16°, 43, 53.9	`hsl(16,43%,53.9%)`
HSV (or HSB)	16°, 53.7, 73.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.498, 26.389, 27.287
XYZ	28.477, 23.416, 12.036
xyY	0.445, 0.366, 23.416
CIE-LCH	55.498, 37.96, 45.958
CIE-LUV	55.498, 54.899, 27.757
Hunter-Lab	48.39, 20.363, 19.126
Binary	10111100, 01110010, 01010111

#bc7257
```
#bc7257 rgb(188,114,87)
```
#57a1bc
```
#57a1bc rgb(87,161,188)
```

Complementary Color

#bc576f
```
#bc576f rgb(188,87,111)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#bca557
```
#bca557 rgb(188,165,87)
```

Analogous Color

#576fbc
```
#576fbc rgb(87,111,188)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#57bca5
```
#57bca5 rgb(87,188,165)
```

Split Complementary Color

#7257bc
```
#7257bc rgb(114,87,188)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#57bc72
```
#57bc72 rgb(87,188,114)
```

Triadic Color

#bc57a1
```
#bc57a1 rgb(188,87,161)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#57bc72
```
#57bc72 rgb(87,188,114)
```
#57a1bc
```
#57a1bc rgb(87,161,188)
```

Tetradic Color

#8e4f39
```
#8e4f39 rgb(142,79,57)
```
#a05a40
```
#a05a40 rgb(160,90,64)
```
#b26447
```
#b26447 rgb(178,100,71)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#c38169
```
#c38169 rgb(195,129,105)
```
#cb917b
```
#cb917b rgb(203,145,123)
```
#d2a08e
```
#d2a08e rgb(210,160,142)
```

Monochromatic Color

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

#bc5957
```
#bc5957 rgb(188,89,87)
```
#bc6157
```
#bc6157 rgb(188,97,87)
```
#bc6a57
```
#bc6a57 rgb(188,106,87)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#bc7a57
```
#bc7a57 rgb(188,122,87)
```
#bc8357
```
#bc8357 rgb(188,131,87)
```
#bc8b57
```
#bc8b57 rgb(188,139,87)
```

Similar Colors

Text with hexadecimal color #bc7257

This text has a font color of #bc7257.

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

#bc7257 background color

This paragraph has a background color of #bc7257.

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

#bc7257 border color

This element has a border color of #bc7257.

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

CSS codes

.text {color:#bc7257;}

.background {background-color:#bc7257;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0806
```
#0e0806 rgb(14,8,6)
```
#1c100b
```
#1c100b rgb(28,16,11)
```
#2a1811
```
#2a1811 rgb(42,24,17)
```
#382016
```
#382016 rgb(56,32,22)
```
#46271c
```
#46271c rgb(70,39,28)
```
#542f22
```
#542f22 rgb(84,47,34)
```
#623727
```
#623727 rgb(98,55,39)
```
#703f2d
```
#703f2d rgb(112,63,45)
```
#7e4732
```
#7e4732 rgb(126,71,50)
```
#8d4f38
```
#8d4f38 rgb(141,79,56)
```
#9b563e
```
#9b563e rgb(155,86,62)
```
#a95e43
```
#a95e43 rgb(169,94,67)
```

Shade Color Variation

#b66649
```
#b66649 rgb(182,102,73)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#c27e65
```
#c27e65 rgb(194,126,101)
```
#c78a73
```
#c78a73 rgb(199,138,115)
```
#cd9581
```
#cd9581 rgb(205,149,129)
```
#d2a18f
```
#d2a18f rgb(210,161,143)
```
#d8ad9d
```
#d8ad9d rgb(216,173,157)
```
#deb9ab
```
#deb9ab rgb(222,185,171)
```
#e3c4b9
```
#e3c4b9 rgb(227,196,185)
```
#e9d0c7
```
#e9d0c7 rgb(233,208,199)
```
#eedcd5
```
#eedcd5 rgb(238,220,213)
```
#f4e8e3
```
#f4e8e3 rgb(244,232,227)
```
#faf3f1
```
#faf3f1 rgb(250,243,241)
```

Tint Color Variation

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

#8f8784
```
#8f8784 rgb(143,135,132)
```
#98837b
```
#98837b rgb(152,131,123)
```
#a17f72
```
#a17f72 rgb(161,127,114)
```
#aa7a69
```
#aa7a69 rgb(170,122,105)
```
#b37660
```
#b37660 rgb(179,118,96)
```
#bc7257
```
#bc7257 rgb(188,114,87)
```
#c56e4e
```
#c56e4e rgb(197,110,78)
```
#ce6a45
```
#ce6a45 rgb(206,106,69)
```
#d7653c
```
#d7653c rgb(215,101,60)
```
#e06133
```
#e06133 rgb(224,97,51)
```
#e95d2a
```
#e95d2a rgb(233,93,42)
```
#f25921
```
#f25921 rgb(242,89,33)
```
#fb5518
```
#fb5518 rgb(251,85,24)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#90817c Atypical Achromatopsia 0.001% of the population

Dichromacy

#958b66 Protanopia 1% of men
#a6855c Deuteranopia 1% of men
#c1757d Tritanopia 0.001% of the population

Trichromacy

#a38160 Protanomaly 1% of men, 0.01% of women
#ae7e5a Deuteranomaly 6% of men, 0.4% of women
#bf746f Tritanomaly 0.01% of the population

#bc7257 hex color

#bc7257 Color Information

#bc7257 Color Conversion

Color Schemes with #bc7257

Alternatives to #bc7257

#bc7257 Preview

Shades and Tints of #bc7257

Tones of #bc7257

Color Blindness Simulator