#bd986f hex color

In a RGB color space, hex #bd986f is composed of 74.1% red, 59.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 41.3% yellow and 25.9% black. It has a hue angle of 31.5 degrees, a saturation of 37.1% and a lightness of 58.8%. #bd986f color hex could be obtained by blending #ffffde with #7b3100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 74
- G 60
- B 44
RGB color chart
- C 0
- M 20
- Y 41
- K 26
CMYK color chart

● #bd986f color description : Slightly desaturated orange.

The hexadecimal color #bd986f has RGB values of R:189, G:152, B:111 and CMYK values of C:0, M:0.2, Y:0.41, K:0.26. Its decimal value is 12425327.

Hex triplet	bd986f	`#bd986f`
RGB Decimal	189, 152, 111	`rgb(189,152,111)`
RGB Percent	74.1, 59.6, 43.5	`rgb(74.1%,59.6%,43.5%)`
CMYK	0, 20, 41, 26
HSL	31.5°, 37.1, 58.8	`hsl(31.5,37.1%,58.8%)`
HSV (or HSB)	31.5°, 41.3, 74.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.298, 8.246, 26.794
XYZ	35.084, 34.424, 19.835
xyY	0.393, 0.385, 34.424
CIE-LCH	65.298, 28.034, 72.894
CIE-LUV	65.298, 27.044, 32.912
Hunter-Lab	58.672, 4.06, 21.027
Binary	10111101, 10011000, 01101111

#bd986f
```
#bd986f rgb(189,152,111)
```
#6f94bd
```
#6f94bd rgb(111,148,189)
```

Complementary Color

#bd716f
```
#bd716f rgb(189,113,111)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#bbbd6f
```
#bbbd6f rgb(187,189,111)
```

Analogous Color

#716fbd
```
#716fbd rgb(113,111,189)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#6fbbbd
```
#6fbbbd rgb(111,187,189)
```

Split Complementary Color

#986fbd
```
#986fbd rgb(152,111,189)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#6fbd98
```
#6fbd98 rgb(111,189,152)
```

Triadic Color

#bd6f94
```
#bd6f94 rgb(189,111,148)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#6fbd98
```
#6fbd98 rgb(111,189,152)
```
#6f94bd
```
#6f94bd rgb(111,148,189)
```

Tetradic Color

#997246
```
#997246 rgb(153,114,70)
```
#ab7f4e
```
#ab7f4e rgb(171,127,78)
```
#b58b5e
```
#b58b5e rgb(181,139,94)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#c5a580
```
#c5a580 rgb(197,165,128)
```
#cdb192
```
#cdb192 rgb(205,177,146)
```
#d5bea3
```
#d5bea3 rgb(213,190,163)
```

Monochromatic Color

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

#bd856f
```
#bd856f rgb(189,133,111)
```
#bd8b6f
```
#bd8b6f rgb(189,139,111)
```
#bd926f
```
#bd926f rgb(189,146,111)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#bd9f6f
```
#bd9f6f rgb(189,159,111)
```
#bda56f
```
#bda56f rgb(189,165,111)
```
#bdac6f
```
#bdac6f rgb(189,172,111)
```

Similar Colors

Text with hexadecimal color #bd986f

This text has a font color of #bd986f.

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

#bd986f background color

This paragraph has a background color of #bd986f.

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

#bd986f border color

This element has a border color of #bd986f.

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

CSS codes

.text {color:#bd986f;}

.background {background-color:#bd986f;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#110d08
```
#110d08 rgb(17,13,8)
```
#1f170e
```
#1f170e rgb(31,23,14)
```
#2c2114
```
#2c2114 rgb(44,33,20)
```
#3a2b1a
```
#3a2b1a rgb(58,43,26)
```
#473521
```
#473521 rgb(71,53,33)
```
#553f27
```
#553f27 rgb(85,63,39)
```
#62492d
```
#62492d rgb(98,73,45)
```
#705333
```
#705333 rgb(112,83,51)
```
#7d5d39
```
#7d5d39 rgb(125,93,57)
```
#8a673f
```
#8a673f rgb(138,103,63)
```
#987146
```
#987146 rgb(152,113,70)
```
#a57b4c
```
#a57b4c rgb(165,123,76)
```

Shade Color Variation

#b18554
```
#b18554 rgb(177,133,84)
```
#b78e62
```
#b78e62 rgb(183,142,98)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#c3a27c
```
#c3a27c rgb(195,162,124)
```
#c9ab8a
```
#c9ab8a rgb(201,171,138)
```
#cfb597
```
#cfb597 rgb(207,181,151)
```
#d6bea5
```
#d6bea5 rgb(214,190,165)
```
#dcc8b2
```
#dcc8b2 rgb(220,200,178)
```
#e2d2c0
```
#e2d2c0 rgb(226,210,192)
```
#e8dbcd
```
#e8dbcd rgb(232,219,205)
```
#eee5db
```
#eee5db rgb(238,229,219)
```
#f4efe8
```
#f4efe8 rgb(244,239,232)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#9d968f
```
#9d968f rgb(157,150,143)
```
#a59787
```
#a59787 rgb(165,151,135)
```
#ad977f
```
#ad977f rgb(173,151,127)
```
#b59877
```
#b59877 rgb(181,152,119)
```
#bd986f
```
#bd986f rgb(189,152,111)
```
#c59867
```
#c59867 rgb(197,152,103)
```
#cd995f
```
#cd995f rgb(205,153,95)
```
#d59957
```
#d59957 rgb(213,153,87)
```
#dd9a4f
```
#dd9a4f rgb(221,154,79)
```
#e59a47
```
#e59a47 rgb(229,154,71)
```
#ed9a3f
```
#ed9a3f rgb(237,154,63)
```
#f69b36
```
#f69b36 rgb(246,155,54)
```
#fe9b2e
```
#fe9b2e rgb(254,155,46)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa378 Protanopia 1% of men
#c19d76 Deuteranopia 1% of men
#c597a2 Tritanopia 0.001% of the population

Trichromacy

#b49f75 Protanomaly 1% of men, 0.01% of women
#bf9b73 Deuteranomaly 6% of men, 0.4% of women
#c2978f Tritanomaly 0.01% of the population

#bd986f hex color

#bd986f Color Information

#bd986f Color Conversion

Color Schemes with #bd986f

Alternatives to #bd986f

#bd986f Preview

Shades and Tints of #bd986f

Tones of #bd986f

Color Blindness Simulator