#b4986b hex color

In a RGB color space, hex #b4986b is composed of 70.6% red, 59.6% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.6% magenta, 40.6% yellow and 29.4% black. It has a hue angle of 37 degrees, a saturation of 32.7% and a lightness of 56.3%. #b4986b color hex could be obtained by blending #ffffd6 with #693100. Closest websafe color is: #cc9966.

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

● #b4986b color description : Slightly desaturated orange.

The hexadecimal color #b4986b has RGB values of R:180, G:152, B:107 and CMYK values of C:0, M:0.16, Y:0.41, K:0.29. Its decimal value is 11835499.

Hex triplet	b4986b	`#b4986b`
RGB Decimal	180, 152, 107	`rgb(180,152,107)`
RGB Percent	70.6, 59.6, 42	`rgb(70.6%,59.6%,42%)`
CMYK	0, 16, 41, 29
HSL	37°, 32.7, 56.3	`hsl(37,32.7%,56.3%)`
HSV (or HSB)	37°, 40.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.341, 4.074, 27.548
XYZ	32.704, 33.222, 18.599
xyY	0.387, 0.393, 33.222
CIE-LCH	64.341, 27.848, 81.588
CIE-LUV	64.341, 20.978, 34.442
Hunter-Lab	57.639, 0.413, 21.215
Binary	10110100, 10011000, 01101011

#b4986b
```
#b4986b rgb(180,152,107)
```
#6b87b4
```
#6b87b4 rgb(107,135,180)
```

Complementary Color

#b4746b
```
#b4746b rgb(180,116,107)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#acb46b
```
#acb46b rgb(172,180,107)
```

Analogous Color

#746bb4
```
#746bb4 rgb(116,107,180)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#6bacb4
```
#6bacb4 rgb(107,172,180)
```

Split Complementary Color

#986bb4
```
#986bb4 rgb(152,107,180)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#6bb498
```
#6bb498 rgb(107,180,152)
```

Triadic Color

#b46b87
```
#b46b87 rgb(180,107,135)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#6bb498
```
#6bb498 rgb(107,180,152)
```
#6b87b4
```
#6b87b4 rgb(107,135,180)
```

Tetradic Color

#8c7147
```
#8c7147 rgb(140,113,71)
```
#9d7f4f
```
#9d7f4f rgb(157,127,79)
```
#ab8c5a
```
#ab8c5a rgb(171,140,90)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#bda47c
```
#bda47c rgb(189,164,124)
```
#c5b08d
```
#c5b08d rgb(197,176,141)
```
#cebb9e
```
#cebb9e rgb(206,187,158)
```

Monochromatic Color

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

#b4866b
```
#b4866b rgb(180,134,107)
```
#b48c6b
```
#b48c6b rgb(180,140,107)
```
#b4926b
```
#b4926b rgb(180,146,107)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#b49e6b
```
#b49e6b rgb(180,158,107)
```
#b4a46b
```
#b4a46b rgb(180,164,107)
```
#b4aa6b
```
#b4aa6b rgb(180,170,107)
```

Similar Colors

Text with hexadecimal color #b4986b

This text has a font color of #b4986b.

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

#b4986b background color

This paragraph has a background color of #b4986b.

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

#b4986b border color

This element has a border color of #b4986b.

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

CSS codes

.text {color:#b4986b;}

.background {background-color:#b4986b;}

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

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

#080704
```
#080704 rgb(8,7,4)
```
#15110b
```
#15110b rgb(21,17,11)
```
#221c11
```
#221c11 rgb(34,28,17)
```
#2f2618
```
#2f2618 rgb(47,38,24)
```
#3c311f
```
#3c311f rgb(60,49,31)
```
#493b25
```
#493b25 rgb(73,59,37)
```
#56462c
```
#56462c rgb(86,70,44)
```
#635132
```
#635132 rgb(99,81,50)
```
#705b39
```
#705b39 rgb(112,91,57)
```
#7d6640
```
#7d6640 rgb(125,102,64)
```
#8a7046
```
#8a7046 rgb(138,112,70)
```
#977b4d
```
#977b4d rgb(151,123,77)
```
#a48553
```
#a48553 rgb(164,133,83)
```

Shade Color Variation

#ad8f5e
```
#ad8f5e rgb(173,143,94)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#bba178
```
#bba178 rgb(187,161,120)
```
#c1aa85
```
#c1aa85 rgb(193,170,133)
```
#c8b392
```
#c8b392 rgb(200,179,146)
```
#cebc9f
```
#cebc9f rgb(206,188,159)
```
#d5c5ac
```
#d5c5ac rgb(213,197,172)
```
#dcceb9
```
#dcceb9 rgb(220,206,185)
```
#e2d7c6
```
#e2d7c6 rgb(226,215,198)
```
#e9e0d3
```
#e9e0d3 rgb(233,224,211)
```
#efeae0
```
#efeae0 rgb(239,234,224)
```
#f6f3ed
```
#f6f3ed rgb(246,243,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#92908d
```
#92908d rgb(146,144,141)
```
#9a9285
```
#9a9285 rgb(154,146,133)
```
#a3947c
```
#a3947c rgb(163,148,124)
```
#ab9674
```
#ab9674 rgb(171,150,116)
```
#b4986b
```
#b4986b rgb(180,152,107)
```
#bd9a62
```
#bd9a62 rgb(189,154,98)
```
#c59c5a
```
#c59c5a rgb(197,156,90)
```
#ce9e51
```
#ce9e51 rgb(206,158,81)
```
#d6a049
```
#d6a049 rgb(214,160,73)
```
#dfa240
```
#dfa240 rgb(223,162,64)
```
#e7a438
```
#e7a438 rgb(231,164,56)
```
#f0a62f
```
#f0a62f rgb(240,166,47)
```
#f9a826
```
#f9a826 rgb(249,168,38)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a09a91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada074 Protanopia 1% of men
#be9a73 Deuteranopia 1% of men
#bd97a1 Tritanopia 0.001% of the population

Trichromacy

#af9d70 Protanomaly 1% of men, 0.01% of women
#ba9970 Deuteranomaly 6% of men, 0.4% of women
#b9978d Tritanomaly 0.01% of the population

#b4986b hex color

#b4986b Color Information

#b4986b Color Conversion

Color Schemes with #b4986b

Alternatives to #b4986b

#b4986b Preview

Shades and Tints of #b4986b

Tones of #b4986b

Color Blindness Simulator