#b4986a hex color

In a RGB color space, hex #b4986a is composed of 70.6% red, 59.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.6% magenta, 41.1% yellow and 29.4% black. It has a hue angle of 37.3 degrees, a saturation of 33% and a lightness of 56.1%. #b4986a color hex could be obtained by blending #ffffd4 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

● #b4986a color description : Slightly desaturated orange.

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

Hex triplet	b4986a	`#b4986a`
RGB Decimal	180, 152, 106	`rgb(180,152,106)`
RGB Percent	70.6, 59.6, 41.6	`rgb(70.6%,59.6%,41.6%)`
CMYK	0, 16, 41, 29
HSL	37.3°, 33, 56.1	`hsl(37.3,33%,56.1%)`
HSV (or HSB)	37.3°, 41.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.324, 3.96, 28.07
XYZ	32.652, 33.201, 18.323
xyY	0.388, 0.394, 33.201
CIE-LCH	64.324, 28.347, 81.971
CIE-LUV	64.324, 21.053, 35.031
Hunter-Lab	57.621, 0.315, 21.48
Binary	10110100, 10011000, 01101010

#b4986a
```
#b4986a rgb(180,152,106)
```
#6a86b4
```
#6a86b4 rgb(106,134,180)
```

Complementary Color

#b4736a
```
#b4736a rgb(180,115,106)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#abb46a
```
#abb46a rgb(171,180,106)
```

Analogous Color

#736ab4
```
#736ab4 rgb(115,106,180)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#6aabb4
```
#6aabb4 rgb(106,171,180)
```

Split Complementary Color

#986ab4
```
#986ab4 rgb(152,106,180)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#6ab498
```
#6ab498 rgb(106,180,152)
```

Triadic Color

#b46a86
```
#b46a86 rgb(180,106,134)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#6ab498
```
#6ab498 rgb(106,180,152)
```
#6a86b4
```
#6a86b4 rgb(106,134,180)
```

Tetradic Color

#8b7146
```
#8b7146 rgb(139,113,70)
```
#9c7f4f
```
#9c7f4f rgb(156,127,79)
```
#ab8c59
```
#ab8c59 rgb(171,140,89)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#bda47b
```
#bda47b rgb(189,164,123)
```
#c5af8c
```
#c5af8c rgb(197,175,140)
```
#cebb9d
```
#cebb9d rgb(206,187,157)
```

Monochromatic Color

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

#b4866a
```
#b4866a rgb(180,134,106)
```
#b48c6a
```
#b48c6a rgb(180,140,106)
```
#b4926a
```
#b4926a rgb(180,146,106)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#b49e6a
```
#b49e6a rgb(180,158,106)
```
#b4a46a
```
#b4a46a rgb(180,164,106)
```
#b4ab6a
```
#b4ab6a rgb(180,171,106)
```

Similar Colors

Text with hexadecimal color #b4986a

This text has a font color of #b4986a.

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

#b4986a background color

This paragraph has a background color of #b4986a.

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

#b4986a border color

This element has a border color of #b4986a.

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

CSS codes

.text {color:#b4986a;}

.background {background-color:#b4986a;}

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

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

#080604
```
#080604 rgb(8,6,4)
```
#15110a
```
#15110a rgb(21,17,10)
```
#221b11
```
#221b11 rgb(34,27,17)
```
#2f2618
```
#2f2618 rgb(47,38,24)
```
#3c311e
```
#3c311e rgb(60,49,30)
```
#493b25
```
#493b25 rgb(73,59,37)
```
#56462b
```
#56462b rgb(86,70,43)
```
#635032
```
#635032 rgb(99,80,50)
```
#705b38
```
#705b38 rgb(112,91,56)
```
#7d663f
```
#7d663f rgb(125,102,63)
```
#8a7045
```
#8a7045 rgb(138,112,69)
```
#977b4c
```
#977b4c rgb(151,123,76)
```
#a48553
```
#a48553 rgb(164,133,83)
```

Shade Color Variation

#ad8f5d
```
#ad8f5d rgb(173,143,93)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#bba177
```
#bba177 rgb(187,161,119)
```
#c1aa84
```
#c1aa84 rgb(193,170,132)
```
#c8b391
```
#c8b391 rgb(200,179,145)
```
#cebc9e
```
#cebc9e rgb(206,188,158)
```
#d5c5ab
```
#d5c5ab rgb(213,197,171)
```
#dbceb8
```
#dbceb8 rgb(219,206,184)
```
#e2d7c5
```
#e2d7c5 rgb(226,215,197)
```
#e9e0d2
```
#e9e0d2 rgb(233,224,210)
```
#efe9df
```
#efe9df rgb(239,233,223)
```
#f6f2ec
```
#f6f2ec rgb(246,242,236)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#92908c
```
#92908c rgb(146,144,140)
```
#9a9284
```
#9a9284 rgb(154,146,132)
```
#a3947b
```
#a3947b rgb(163,148,123)
```
#ab9673
```
#ab9673 rgb(171,150,115)
```
#b4986a
```
#b4986a rgb(180,152,106)
```
#bd9a61
```
#bd9a61 rgb(189,154,97)
```
#c59c59
```
#c59c59 rgb(197,156,89)
```
#ce9e50
```
#ce9e50 rgb(206,158,80)
```
#d6a048
```
#d6a048 rgb(214,160,72)
```
#dfa23f
```
#dfa23f rgb(223,162,63)
```
#e8a536
```
#e8a536 rgb(232,165,54)
```
#f0a72e
```
#f0a72e rgb(240,167,46)
```
#f9a925
```
#f9a925 rgb(249,169,37)
```

Tone Color Variation

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

#ada073 Protanopia 1% of men
#be9a72 Deuteranopia 1% of men
#bd97a1 Tritanopia 0.001% of the population

Trichromacy

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

#b4986a hex color

#b4986a Color Information

#b4986a Color Conversion

Color Schemes with #b4986a

Alternatives to #b4986a

#b4986a Preview

Shades and Tints of #b4986a

Tones of #b4986a

Color Blindness Simulator