#bd7557 hex color

In a RGB color space, hex #bd7557 is composed of 74.1% red, 45.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.1% magenta, 54% yellow and 25.9% black. It has a hue angle of 17.6 degrees, a saturation of 43.6% and a lightness of 54.1%. #bd7557 color hex could be obtained by blending #ffeaae with #7b0000. Closest websafe color is: #cc6666.

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

● #bd7557 color description : Moderate orange.

The hexadecimal color #bd7557 has RGB values of R:189, G:117, B:87 and CMYK values of C:0, M:0.38, Y:0.54, K:0.26. Its decimal value is 12416343.

Hex triplet	bd7557	`#bd7557`
RGB Decimal	189, 117, 87	`rgb(189,117,87)`
RGB Percent	74.1, 45.9, 34.1	`rgb(74.1%,45.9%,34.1%)`
CMYK	0, 38, 54, 26
HSL	17.6°, 43.6, 54.1	`hsl(17.6,43.6%,54.1%)`
HSV (or HSB)	17.6°, 54, 74.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.319, 25.152, 28.367
XYZ	29.068, 24.231, 12.163
xyY	0.444, 0.37, 24.231
CIE-LCH	56.319, 37.912, 48.438
CIE-LUV	56.319, 53.575, 29.273
Hunter-Lab	49.225, 19.262, 19.809
Binary	10111101, 01110101, 01010111

#bd7557
```
#bd7557 rgb(189,117,87)
```
#579fbd
```
#579fbd rgb(87,159,189)
```

Complementary Color

#bd576c
```
#bd576c rgb(189,87,108)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#bda857
```
#bda857 rgb(189,168,87)
```

Analogous Color

#576cbd
```
#576cbd rgb(87,108,189)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#57bda8
```
#57bda8 rgb(87,189,168)
```

Split Complementary Color

#7557bd
```
#7557bd rgb(117,87,189)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#57bd75
```
#57bd75 rgb(87,189,117)
```

Triadic Color

#bd579f
```
#bd579f rgb(189,87,159)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#57bd75
```
#57bd75 rgb(87,189,117)
```
#579fbd
```
#579fbd rgb(87,159,189)
```

Tetradic Color

#8f5238
```
#8f5238 rgb(143,82,56)
```
#a25c3f
```
#a25c3f rgb(162,92,63)
```
#b46747
```
#b46747 rgb(180,103,71)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#c48469
```
#c48469 rgb(196,132,105)
```
#cb937c
```
#cb937c rgb(203,147,124)
```
#d3a28e
```
#d3a28e rgb(211,162,142)
```

Monochromatic Color

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

#bd5c57
```
#bd5c57 rgb(189,92,87)
```
#bd6457
```
#bd6457 rgb(189,100,87)
```
#bd6d57
```
#bd6d57 rgb(189,109,87)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#bd7e57
```
#bd7e57 rgb(189,126,87)
```
#bd8657
```
#bd8657 rgb(189,134,87)
```
#bd8f57
```
#bd8f57 rgb(189,143,87)
```

Similar Colors

Text with hexadecimal color #bd7557

This text has a font color of #bd7557.

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

#bd7557 background color

This paragraph has a background color of #bd7557.

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

#bd7557 border color

This element has a border color of #bd7557.

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

CSS codes

.text {color:#bd7557;}

.background {background-color:#bd7557;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0906
```
#0f0906 rgb(15,9,6)
```
#1d110b
```
#1d110b rgb(29,17,11)
```
#2b1911
```
#2b1911 rgb(43,25,17)
```
#392117
```
#392117 rgb(57,33,23)
```
#47291c
```
#47291c rgb(71,41,28)
```
#553122
```
#553122 rgb(85,49,34)
```
#643927
```
#643927 rgb(100,57,39)
```
#72412d
```
#72412d rgb(114,65,45)
```
#804932
```
#804932 rgb(128,73,50)
```
#8e5138
```
#8e5138 rgb(142,81,56)
```
#9c593d
```
#9c593d rgb(156,89,61)
```
#aa6143
```
#aa6143 rgb(170,97,67)
```

Shade Color Variation

#b76949
```
#b76949 rgb(183,105,73)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#c38165
```
#c38165 rgb(195,129,101)
```
#c88c73
```
#c88c73 rgb(200,140,115)
```
#ce9881
```
#ce9881 rgb(206,152,129)
```
#d3a38f
```
#d3a38f rgb(211,163,143)
```
#d9af9d
```
#d9af9d rgb(217,175,157)
```
#debaab
```
#debaab rgb(222,186,171)
```
#e4c6ba
```
#e4c6ba rgb(228,198,186)
```
#e9d2c8
```
#e9d2c8 rgb(233,210,200)
```
#efddd6
```
#efddd6 rgb(239,221,214)
```
#f4e9e4
```
#f4e9e4 rgb(244,233,228)
```
#faf4f2
```
#faf4f2 rgb(250,244,242)
```

Tint Color Variation

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

#908884
```
#908884 rgb(144,136,132)
```
#99847b
```
#99847b rgb(153,132,123)
```
#a28072
```
#a28072 rgb(162,128,114)
```
#ab7c69
```
#ab7c69 rgb(171,124,105)
```
#b47960
```
#b47960 rgb(180,121,96)
```
#bd7557
```
#bd7557 rgb(189,117,87)
```
#c6714e
```
#c6714e rgb(198,113,78)
```
#cf6e45
```
#cf6e45 rgb(207,110,69)
```
#d86a3c
```
#d86a3c rgb(216,106,60)
```
#e16633
```
#e16633 rgb(225,102,51)
```
#ea622a
```
#ea622a rgb(234,98,42)
```
#f35f21
```
#f35f21 rgb(243,95,33)
```
#fc5b18
```
#fc5b18 rgb(252,91,24)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#92837d Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d66 Protanopia 1% of men
#a9875c Deuteranopia 1% of men
#c3777f Tritanopia 0.001% of the population

Trichromacy

#a58460 Protanomaly 1% of men, 0.01% of women
#b0805a Deuteranomaly 6% of men, 0.4% of women
#c07670 Tritanomaly 0.01% of the population

#bd7557 hex color

#bd7557 Color Information

#bd7557 Color Conversion

Color Schemes with #bd7557

Alternatives to #bd7557

#bd7557 Preview

Shades and Tints of #bd7557

Tones of #bd7557

Color Blindness Simulator