#b4986e hex color

In a RGB color space, hex #b4986e is composed of 70.6% red, 59.6% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.6% magenta, 38.9% yellow and 29.4% black. It has a hue angle of 36 degrees, a saturation of 31.8% and a lightness of 56.9%. #b4986e color hex could be obtained by blending #ffffdc with #693100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 60
- B 43
RGB color chart
- C 0
- M 16
- Y 39
- K 29
CMYK color chart

● #b4986e color description : Slightly desaturated orange.

The hexadecimal color #b4986e has RGB values of R:180, G:152, B:110 and CMYK values of C:0, M:0.16, Y:0.39, K:0.29. Its decimal value is 11835502.

Hex triplet	b4986e	`#b4986e`
RGB Decimal	180, 152, 110	`rgb(180,152,110)`
RGB Percent	70.6, 59.6, 43.1	`rgb(70.6%,59.6%,43.1%)`
CMYK	0, 16, 39, 29
HSL	36°, 31.8, 56.9	`hsl(36,31.8%,56.9%)`
HSV (or HSB)	36°, 38.9, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.392, 4.423, 25.98
XYZ	32.865, 33.287, 19.445
xyY	0.384, 0.389, 33.287
CIE-LCH	64.392, 26.354, 80.338
CIE-LUV	64.392, 20.748, 32.644
Hunter-Lab	57.695, 0.715, 20.404
Binary	10110100, 10011000, 01101110

#b4986e
```
#b4986e rgb(180,152,110)
```
#6e8ab4
```
#6e8ab4 rgb(110,138,180)
```

Complementary Color

#b4756e
```
#b4756e rgb(180,117,110)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#adb46e
```
#adb46e rgb(173,180,110)
```

Analogous Color

#756eb4
```
#756eb4 rgb(117,110,180)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#6eadb4
```
#6eadb4 rgb(110,173,180)
```

Split Complementary Color

#986eb4
```
#986eb4 rgb(152,110,180)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#6eb498
```
#6eb498 rgb(110,180,152)
```

Triadic Color

#b46e8a
```
#b46e8a rgb(180,110,138)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#6eb498
```
#6eb498 rgb(110,180,152)
```
#6e8ab4
```
#6e8ab4 rgb(110,138,180)
```

Tetradic Color

#8d7249
```
#8d7249 rgb(141,114,73)
```
#9e7f51
```
#9e7f51 rgb(158,127,81)
```
#ab8c5d
```
#ab8c5d rgb(171,140,93)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#bda47f
```
#bda47f rgb(189,164,127)
```
#c5b090
```
#c5b090 rgb(197,176,144)
```
#cebca0
```
#cebca0 rgb(206,188,160)
```

Monochromatic Color

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

#b4876e
```
#b4876e rgb(180,135,110)
```
#b48c6e
```
#b48c6e rgb(180,140,110)
```
#b4926e
```
#b4926e rgb(180,146,110)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#b49e6e
```
#b49e6e rgb(180,158,110)
```
#b4a46e
```
#b4a46e rgb(180,164,110)
```
#b4aa6e
```
#b4aa6e rgb(180,170,110)
```

Similar Colors

Text with hexadecimal color #b4986e

This text has a font color of #b4986e.

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

#b4986e background color

This paragraph has a background color of #b4986e.

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

#b4986e border color

This element has a border color of #b4986e.

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

CSS codes

.text {color:#b4986e;}

.background {background-color:#b4986e;}

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

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, #0a0805 is the darkest color, while #fefdfc is the lightest one.

#0a0805
```
#0a0805 rgb(10,8,5)
```
#17130c
```
#17130c rgb(23,19,12)
```
#241d13
```
#241d13 rgb(36,29,19)
```
#312719
```
#312719 rgb(49,39,25)
```
#3e3220
```
#3e3220 rgb(62,50,32)
```
#4b3c27
```
#4b3c27 rgb(75,60,39)
```
#58472d
```
#58472d rgb(88,71,45)
```
#655134
```
#655134 rgb(101,81,52)
```
#725c3b
```
#725c3b rgb(114,92,59)
```
#7e6641
```
#7e6641 rgb(126,102,65)
```
#8b7148
```
#8b7148 rgb(139,113,72)
```
#987b4f
```
#987b4f rgb(152,123,79)
```
#a58555
```
#a58555 rgb(165,133,85)
```

Shade Color Variation

#ad8f61
```
#ad8f61 rgb(173,143,97)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#bba17b
```
#bba17b rgb(187,161,123)
```
#c1aa88
```
#c1aa88 rgb(193,170,136)
```
#c8b495
```
#c8b495 rgb(200,180,149)
```
#cfbda2
```
#cfbda2 rgb(207,189,162)
```
#d5c6af
```
#d5c6af rgb(213,198,175)
```
#dccfbc
```
#dccfbc rgb(220,207,188)
```
#e3d8c8
```
#e3d8c8 rgb(227,216,200)
```
#e9e1d5
```
#e9e1d5 rgb(233,225,213)
```
#f0ebe2
```
#f0ebe2 rgb(240,235,226)
```
#f7f4ef
```
#f7f4ef rgb(247,244,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#929190
```
#929190 rgb(146,145,144)
```
#9b9387
```
#9b9387 rgb(155,147,135)
```
#a3957f
```
#a3957f rgb(163,149,127)
```
#ac9676
```
#ac9676 rgb(172,150,118)
```
#b4986e
```
#b4986e rgb(180,152,110)
```
#bc9a66
```
#bc9a66 rgb(188,154,102)
```
#c59b5d
```
#c59b5d rgb(197,155,93)
```
#cd9d55
```
#cd9d55 rgb(205,157,85)
```
#d69f4c
```
#d69f4c rgb(214,159,76)
```
#dea044
```
#dea044 rgb(222,160,68)
```
#e7a23b
```
#e7a23b rgb(231,162,59)
```
#efa433
```
#efa433 rgb(239,164,51)
```
#f8a62a
```
#f8a62a rgb(248,166,42)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a19b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada177 Protanopia 1% of men
#be9a76 Deuteranopia 1% of men
#bd97a2 Tritanopia 0.001% of the population

Trichromacy

#af9d73 Protanomaly 1% of men, 0.01% of women
#ba9973 Deuteranomaly 6% of men, 0.4% of women
#b9978f Tritanomaly 0.01% of the population

#b4986e hex color

#b4986e Color Information

#b4986e Color Conversion

Color Schemes with #b4986e

Alternatives to #b4986e

#b4986e Preview

Shades and Tints of #b4986e

Tones of #b4986e

Color Blindness Simulator