#bd8a77 hex color

In a RGB color space, hex #bd8a77 is composed of 74.1% red, 54.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 37% yellow and 25.9% black. It has a hue angle of 16.3 degrees, a saturation of 34.7% and a lightness of 60.4%. #bd8a77 color hex could be obtained by blending #ffffee with #7b1500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 74
- G 54
- B 47
RGB color chart
- C 0
- M 27
- Y 37
- K 26
CMYK color chart

● #bd8a77 color description : Slightly desaturated orange.

The hexadecimal color #bd8a77 has RGB values of R:189, G:138, B:119 and CMYK values of C:0, M:0.27, Y:0.37, K:0.26. Its decimal value is 12421751.

Hex triplet	bd8a77	`#bd8a77`
RGB Decimal	189, 138, 119	`rgb(189,138,119)`
RGB Percent	74.1, 54.1, 46.7	`rgb(74.1%,54.1%,46.7%)`
CMYK	0, 27, 37, 26
HSL	16.3°, 34.7, 60.4	`hsl(16.3,34.7%,60.4%)`
HSV (or HSB)	16.3°, 37, 74.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.937, 16.915, 17.827
XYZ	33.405, 30.329, 21.546
xyY	0.392, 0.356, 30.329
CIE-LCH	61.937, 24.575, 46.504
CIE-LUV	61.937, 35.261, 20.358
Hunter-Lab	55.072, 11.895, 15.354
Binary	10111101, 10001010, 01110111

#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#77aabd
```
#77aabd rgb(119,170,189)
```

Complementary Color

#bd7787
```
#bd7787 rgb(189,119,135)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#bdad77
```
#bdad77 rgb(189,173,119)
```

Analogous Color

#7787bd
```
#7787bd rgb(119,135,189)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#77bdad
```
#77bdad rgb(119,189,173)
```

Split Complementary Color

#8a77bd
```
#8a77bd rgb(138,119,189)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#77bd8a
```
#77bd8a rgb(119,189,138)
```

Triadic Color

#bd77aa
```
#bd77aa rgb(189,119,170)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#77bd8a
```
#77bd8a rgb(119,189,138)
```
#77aabd
```
#77aabd rgb(119,170,189)
```

Tetradic Color

#9c614c
```
#9c614c rgb(156,97,76)
```
#ac6c55
```
#ac6c55 rgb(172,108,85)
```
#b57b66
```
#b57b66 rgb(181,123,102)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#c59988
```
#c59988 rgb(197,153,136)
```
#cea899
```
#cea899 rgb(206,168,153)
```
#d6b6ab
```
#d6b6ab rgb(214,182,171)
```

Monochromatic Color

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

#bd7977
```
#bd7977 rgb(189,121,119)
```
#bd7e77
```
#bd7e77 rgb(189,126,119)
```
#bd8477
```
#bd8477 rgb(189,132,119)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#bd9077
```
#bd9077 rgb(189,144,119)
```
#bd9677
```
#bd9677 rgb(189,150,119)
```
#bd9c77
```
#bd9c77 rgb(189,156,119)
```

Similar Colors

Text with hexadecimal color #bd8a77

This text has a font color of #bd8a77.

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

#bd8a77 background color

This paragraph has a background color of #bd8a77.

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

#bd8a77 border color

This element has a border color of #bd8a77.

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

CSS codes

.text {color:#bd8a77;}

.background {background-color:#bd8a77;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#160e0b
```
#160e0b rgb(22,14,11)
```
#241611
```
#241611 rgb(36,22,17)
```
#311f18
```
#311f18 rgb(49,31,24)
```
#3e271e
```
#3e271e rgb(62,39,30)
```
#4b2f25
```
#4b2f25 rgb(75,47,37)
```
#59372b
```
#59372b rgb(89,55,43)
```
#664031
```
#664031 rgb(102,64,49)
```
#734838
```
#734838 rgb(115,72,56)
```
#80503e
```
#80503e rgb(128,80,62)
```
#8d5845
```
#8d5845 rgb(141,88,69)
```
#9b614b
```
#9b614b rgb(155,97,75)
```
#a86951
```
#a86951 rgb(168,105,81)
```

Shade Color Variation

#b0735d
```
#b0735d rgb(176,115,93)
```
#b77f6a
```
#b77f6a rgb(183,127,106)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#c39584
```
#c39584 rgb(195,149,132)
```
#caa191
```
#caa191 rgb(202,161,145)
```
#d0ac9f
```
#d0ac9f rgb(208,172,159)
```
#d7b7ac
```
#d7b7ac rgb(215,183,172)
```
#ddc3b9
```
#ddc3b9 rgb(221,195,185)
```
#e3cec6
```
#e3cec6 rgb(227,206,198)
```
#eadad3
```
#eadad3 rgb(234,218,211)
```
#f0e5e1
```
#f0e5e1 rgb(240,229,225)
```
#f7f0ee
```
#f7f0ee rgb(247,240,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#9e9896
```
#9e9896 rgb(158,152,150)
```
#a6958e
```
#a6958e rgb(166,149,142)
```
#ad9187
```
#ad9187 rgb(173,145,135)
```
#b58e7f
```
#b58e7f rgb(181,142,127)
```
#bd8a77
```
#bd8a77 rgb(189,138,119)
```
#c5866f
```
#c5866f rgb(197,134,111)
```
#cd8367
```
#cd8367 rgb(205,131,103)
```
#d47f60
```
#d47f60 rgb(212,127,96)
```
#dc7c58
```
#dc7c58 rgb(220,124,88)
```
#e47850
```
#e47850 rgb(228,120,80)
```
#ec7548
```
#ec7548 rgb(236,117,72)
```
#f37141
```
#f37141 rgb(243,113,65)
```
#fb6e39
```
#fb6e39 rgb(251,110,57)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9f9491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39a82 Protanopia 1% of men
#b4957c Deuteranopia 1% of men
#c38c96 Tritanopia 0.001% of the population

Trichromacy

#ac947e Protanomaly 1% of men, 0.01% of women
#b7917a Deuteranomaly 6% of men, 0.4% of women
#c08b8a Tritanomaly 0.01% of the population

#bd8a77 hex color

#bd8a77 Color Information

#bd8a77 Color Conversion

Color Schemes with #bd8a77

Alternatives to #bd8a77

#bd8a77 Preview

Shades and Tints of #bd8a77

Tones of #bd8a77

Color Blindness Simulator