#bc7f5a hex color

In a RGB color space, hex #bc7f5a is composed of 73.7% red, 49.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 52.1% yellow and 26.3% black. It has a hue angle of 22.7 degrees, a saturation of 42.2% and a lightness of 54.5%. #bc7f5a color hex could be obtained by blending #fffeb4 with #790000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 74
- G 50
- B 35
RGB color chart
- C 0
- M 32
- Y 52
- K 26
CMYK color chart

● #bc7f5a color description : Moderate orange.

The hexadecimal color #bc7f5a has RGB values of R:188, G:127, B:90 and CMYK values of C:0, M:0.32, Y:0.52, K:0.26. Its decimal value is 12353370.

Hex triplet	bc7f5a	`#bc7f5a`
RGB Decimal	188, 127, 90	`rgb(188,127,90)`
RGB Percent	73.7, 49.8, 35.3	`rgb(73.7%,49.8%,35.3%)`
CMYK	0, 32, 52, 26
HSL	22.7°, 42.2, 54.5	`hsl(22.7,42.2%,54.5%)`
HSV (or HSB)	22.7°, 52.1, 73.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.612, 19.488, 29.608
XYZ	30.174, 26.61, 13.219
xyY	0.431, 0.38, 26.61
CIE-LCH	58.612, 35.446, 56.646
CIE-LUV	58.612, 45.351, 32.248
Hunter-Lab	51.585, 14.139, 20.916
Binary	10111100, 01111111, 01011010

#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#5a97bc
```
#5a97bc rgb(90,151,188)
```

Complementary Color

#bc5a66
```
#bc5a66 rgb(188,90,102)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#bcb05a
```
#bcb05a rgb(188,176,90)
```

Analogous Color

#5a66bc
```
#5a66bc rgb(90,102,188)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#5abcb0
```
#5abcb0 rgb(90,188,176)
```

Split Complementary Color

#7f5abc
```
#7f5abc rgb(127,90,188)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#5abc7f
```
#5abc7f rgb(90,188,127)
```

Triadic Color

#bc5a97
```
#bc5a97 rgb(188,90,151)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#5abc7f
```
#5abc7f rgb(90,188,127)
```
#5a97bc
```
#5a97bc rgb(90,151,188)
```

Tetradic Color

#8f5a3a
```
#8f5a3a rgb(143,90,58)
```
#a16642
```
#a16642 rgb(161,102,66)
```
#b47149
```
#b47149 rgb(180,113,73)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#c38d6c
```
#c38d6c rgb(195,141,108)
```
#cb9b7e
```
#cb9b7e rgb(203,155,126)
```
#d2a990
```
#d2a990 rgb(210,169,144)
```

Monochromatic Color

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

#bc675a
```
#bc675a rgb(188,103,90)
```
#bc6f5a
```
#bc6f5a rgb(188,111,90)
```
#bc775a
```
#bc775a rgb(188,119,90)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#bc875a
```
#bc875a rgb(188,135,90)
```
#bc8f5a
```
#bc8f5a rgb(188,143,90)
```
#bc985a
```
#bc985a rgb(188,152,90)
```

Similar Colors

Text with hexadecimal color #bc7f5a

This text has a font color of #bc7f5a.

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

#bc7f5a background color

This paragraph has a background color of #bc7f5a.

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

#bc7f5a border color

This element has a border color of #bc7f5a.

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

CSS codes

.text {color:#bc7f5a;}

.background {background-color:#bc7f5a;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100a07
```
#100a07 rgb(16,10,7)
```
#1e130c
```
#1e130c rgb(30,19,12)
```
#2c1c12
```
#2c1c12 rgb(44,28,18)
```
#3a2518
```
#3a2518 rgb(58,37,24)
```
#482d1d
```
#482d1d rgb(72,45,29)
```
#563623
```
#563623 rgb(86,54,35)
```
#643f29
```
#643f29 rgb(100,63,41)
```
#72482e
```
#72482e rgb(114,72,46)
```
#805134
```
#805134 rgb(128,81,52)
```
#8e593a
```
#8e593a rgb(142,89,58)
```
#9c623f
```
#9c623f rgb(156,98,63)
```
#aa6b45
```
#aa6b45 rgb(170,107,69)
```

Shade Color Variation

#b6744c
```
#b6744c rgb(182,116,76)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#c28a68
```
#c28a68 rgb(194,138,104)
```
#c79576
```
#c79576 rgb(199,149,118)
```
#cd9f84
```
#cd9f84 rgb(205,159,132)
```
#d3aa92
```
#d3aa92 rgb(211,170,146)
```
#d8b5a0
```
#d8b5a0 rgb(216,181,160)
```
#dec0ae
```
#dec0ae rgb(222,192,174)
```
#e4cbbc
```
#e4cbbc rgb(228,203,188)
```
#e9d6ca
```
#e9d6ca rgb(233,214,202)
```
#efe0d8
```
#efe0d8 rgb(239,224,216)
```
#f5ebe6
```
#f5ebe6 rgb(245,235,230)
```
#faf6f3
```
#faf6f3 rgb(250,246,243)
```

Tint Color Variation

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

#8f8a87
```
#8f8a87 rgb(143,138,135)
```
#98887e
```
#98887e rgb(152,136,126)
```
#a18675
```
#a18675 rgb(161,134,117)
```
#aa836c
```
#aa836c rgb(170,131,108)
```
#b38163
```
#b38163 rgb(179,129,99)
```
#bc7f5a
```
#bc7f5a rgb(188,127,90)
```
#c57d51
```
#c57d51 rgb(197,125,81)
```
#ce7b48
```
#ce7b48 rgb(206,123,72)
```
#d7783f
```
#d7783f rgb(215,120,63)
```
#e07636
```
#e07636 rgb(224,118,54)
```
#e9742d
```
#e9742d rgb(233,116,45)
```
#f27224
```
#f27224 rgb(242,114,36)
```
#fa701c
```
#fa701c rgb(250,112,28)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#968a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9267 Protanopia 1% of men
#af8c60 Deuteranopia 1% of men
#c28089 Tritanopia 0.001% of the population

Trichromacy

#a98b62 Protanomaly 1% of men, 0.01% of women
#b4875e Deuteranomaly 6% of men, 0.4% of women
#c07f78 Tritanomaly 0.01% of the population

#bc7f5a hex color

#bc7f5a Color Information

#bc7f5a Color Conversion

Color Schemes with #bc7f5a

Alternatives to #bc7f5a

#bc7f5a Preview

Shades and Tints of #bc7f5a

Tones of #bc7f5a

Color Blindness Simulator