#bd8f63 hex color

In a RGB color space, hex #bd8f63 is composed of 74.1% red, 56.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.3% magenta, 47.6% yellow and 25.9% black. It has a hue angle of 29.3 degrees, a saturation of 40.5% and a lightness of 56.5%. #bd8f63 color hex could be obtained by blending #ffffc6 with #7b1f00. Closest websafe color is: #cc9966.

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

● #bd8f63 color description : Slightly desaturated orange.

The hexadecimal color #bd8f63 has RGB values of R:189, G:143, B:99 and CMYK values of C:0, M:0.24, Y:0.48, K:0.26. Its decimal value is 12423011.

Hex triplet	bd8f63	`#bd8f63`
RGB Decimal	189, 143, 99	`rgb(189,143,99)`
RGB Percent	74.1, 56.1, 38.8	`rgb(74.1%,56.1%,38.8%)`
CMYK	0, 24, 48, 26
HSL	29.3°, 40.5, 56.5	`hsl(29.3,40.5%,56.5%)`
HSV (or HSB)	29.3°, 47.6, 74.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.815, 11.916, 30.093
XYZ	33.061, 31.366, 16.117
xyY	0.41, 0.389, 31.366
CIE-LCH	62.815, 32.367, 68.397
CIE-LUV	62.815, 34.114, 35.243
Hunter-Lab	56.005, 7.362, 22.142
Binary	10111101, 10001111, 01100011

#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#6391bd
```
#6391bd rgb(99,145,189)
```

Complementary Color

#bd6364
```
#bd6364 rgb(189,99,100)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#bdbc63
```
#bdbc63 rgb(189,188,99)
```

Analogous Color

#6364bd
```
#6364bd rgb(99,100,189)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#63bdbc
```
#63bdbc rgb(99,189,188)
```

Split Complementary Color

#8f63bd
```
#8f63bd rgb(143,99,189)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#63bd8f
```
#63bd8f rgb(99,189,143)
```

Triadic Color

#bd6391
```
#bd6391 rgb(189,99,145)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#63bd8f
```
#63bd8f rgb(99,189,143)
```
#6391bd
```
#6391bd rgb(99,145,189)
```

Tetradic Color

#95693f
```
#95693f rgb(149,105,63)
```
#a77546
```
#a77546 rgb(167,117,70)
```
#b58251
```
#b58251 rgb(181,130,81)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#c59c75
```
#c59c75 rgb(197,156,117)
```
#cca987
```
#cca987 rgb(204,169,135)
```
#d4b699
```
#d4b699 rgb(212,182,153)
```

Monochromatic Color

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

#bd7963
```
#bd7963 rgb(189,121,99)
```
#bd8063
```
#bd8063 rgb(189,128,99)
```
#bd8863
```
#bd8863 rgb(189,136,99)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#bd9763
```
#bd9763 rgb(189,151,99)
```
#bd9e63
```
#bd9e63 rgb(189,158,99)
```
#bda663
```
#bda663 rgb(189,166,99)
```

Similar Colors

Text with hexadecimal color #bd8f63

This text has a font color of #bd8f63.

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

#bd8f63 background color

This paragraph has a background color of #bd8f63.

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

#bd8f63 border color

This element has a border color of #bd8f63.

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

CSS codes

.text {color:#bd8f63;}

.background {background-color:#bd8f63;}

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

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

#090704
```
#090704 rgb(9,7,4)
```
#17100a
```
#17100a rgb(23,16,10)
```
#251a10
```
#251a10 rgb(37,26,16)
```
#332415
```
#332415 rgb(51,36,21)
```
#412e1b
```
#412e1b rgb(65,46,27)
```
#4e3721
```
#4e3721 rgb(78,55,33)
```
#5c4127
```
#5c4127 rgb(92,65,39)
```
#6a4b2d
```
#6a4b2d rgb(106,75,45)
```
#785433
```
#785433 rgb(120,84,51)
```
#855e38
```
#855e38 rgb(133,94,56)
```
#93683e
```
#93683e rgb(147,104,62)
```
#a17244
```
#a17244 rgb(161,114,68)
```
#af7b4a
```
#af7b4a rgb(175,123,74)
```

Shade Color Variation

#b78555
```
#b78555 rgb(183,133,85)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#c39971
```
#c39971 rgb(195,153,113)
```
#c9a37f
```
#c9a37f rgb(201,163,127)
```
#cead8c
```
#cead8c rgb(206,173,140)
```
#d4b79a
```
#d4b79a rgb(212,183,154)
```
#dac0a8
```
#dac0a8 rgb(218,192,168)
```
#e0cab6
```
#e0cab6 rgb(224,202,182)
```
#e6d4c3
```
#e6d4c3 rgb(230,212,195)
```
#ecded1
```
#ecded1 rgb(236,222,209)
```
#f1e8df
```
#f1e8df rgb(241,232,223)
```
#f7f2ed
```
#f7f2ed rgb(247,242,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#92908e
```
#92908e rgb(146,144,142)
```
#9b9085
```
#9b9085 rgb(155,144,133)
```
#a3907d
```
#a3907d rgb(163,144,125)
```
#ac8f74
```
#ac8f74 rgb(172,143,116)
```
#b48f6c
```
#b48f6c rgb(180,143,108)
```
#bd8f63
```
#bd8f63 rgb(189,143,99)
```
#c68f5a
```
#c68f5a rgb(198,143,90)
```
#ce8f52
```
#ce8f52 rgb(206,143,82)
```
#d78e49
```
#d78e49 rgb(215,142,73)
```
#df8e41
```
#df8e41 rgb(223,142,65)
```
#e88e38
```
#e88e38 rgb(232,142,56)
```
#f08e30
```
#f08e30 rgb(240,142,48)
```
#f98e27
```
#f98e27 rgb(249,142,39)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f968d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99d6e Protanopia 1% of men
#bb966a Deuteranopia 1% of men
#c58e98 Tritanopia 0.001% of the population

Trichromacy

#b0986a Protanomaly 1% of men, 0.01% of women
#bc9467 Deuteranomaly 6% of men, 0.4% of women
#c28e85 Tritanomaly 0.01% of the population

#bd8f63 hex color

#bd8f63 Color Information

#bd8f63 Color Conversion

Color Schemes with #bd8f63

Alternatives to #bd8f63

#bd8f63 Preview

Shades and Tints of #bd8f63

Tones of #bd8f63

Color Blindness Simulator