#b3986f hex color

In a RGB color space, hex #b3986f is composed of 70.2% red, 59.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.1% magenta, 38% yellow and 29.8% black. It has a hue angle of 36.2 degrees, a saturation of 30.9% and a lightness of 56.9%. #b3986f color hex could be obtained by blending #ffffde with #673100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 70
- G 60
- B 44
RGB color chart
- C 0
- M 15
- Y 38
- K 30
CMYK color chart

● #b3986f color description : Slightly desaturated orange.

The hexadecimal color #b3986f has RGB values of R:179, G:152, B:111 and CMYK values of C:0, M:0.15, Y:0.38, K:0.3. Its decimal value is 11769967.

Hex triplet	b3986f	`#b3986f`
RGB Decimal	179, 152, 111	`rgb(179,152,111)`
RGB Percent	70.2, 59.6, 43.5	`rgb(70.2%,59.6%,43.5%)`
CMYK	0, 15, 38, 30
HSL	36.2°, 30.9, 56.9	`hsl(36.2,30.9%,56.9%)`
HSV (or HSB)	36.2°, 38, 70.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.314, 4.131, 25.311
XYZ	32.688, 33.189, 19.722
xyY	0.382, 0.388, 33.189
CIE-LCH	64.314, 25.646, 80.731
CIE-LUV	64.314, 19.973, 31.94
Hunter-Lab	57.61, 0.464, 20.029
Binary	10110011, 10011000, 01101111

#b3986f
```
#b3986f rgb(179,152,111)
```
#6f8ab3
```
#6f8ab3 rgb(111,138,179)
```

Complementary Color

#b3766f
```
#b3766f rgb(179,118,111)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#acb36f
```
#acb36f rgb(172,179,111)
```

Analogous Color

#766fb3
```
#766fb3 rgb(118,111,179)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#6facb3
```
#6facb3 rgb(111,172,179)
```

Split Complementary Color

#986fb3
```
#986fb3 rgb(152,111,179)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#6fb398
```
#6fb398 rgb(111,179,152)
```

Triadic Color

#b36f8a
```
#b36f8a rgb(179,111,138)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#6fb398
```
#6fb398 rgb(111,179,152)
```
#6f8ab3
```
#6f8ab3 rgb(111,138,179)
```

Tetradic Color

#8c724a
```
#8c724a rgb(140,114,74)
```
#9c7f53
```
#9c7f53 rgb(156,127,83)
```
#aa8c5e
```
#aa8c5e rgb(170,140,94)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#bca480
```
#bca480 rgb(188,164,128)
```
#c5b090
```
#c5b090 rgb(197,176,144)
```
#cdbca1
```
#cdbca1 rgb(205,188,161)
```

Monochromatic Color

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

#b3876f
```
#b3876f rgb(179,135,111)
```
#b38d6f
```
#b38d6f rgb(179,141,111)
```
#b3926f
```
#b3926f rgb(179,146,111)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#b39e6f
```
#b39e6f rgb(179,158,111)
```
#b3a36f
```
#b3a36f rgb(179,163,111)
```
#b3a96f
```
#b3a96f rgb(179,169,111)
```

Similar Colors

Text with hexadecimal color #b3986f

This text has a font color of #b3986f.

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

#b3986f background color

This paragraph has a background color of #b3986f.

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

#b3986f border color

This element has a border color of #b3986f.

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

CSS codes

.text {color:#b3986f;}

.background {background-color:#b3986f;}

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

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)
```
#31271a
```
#31271a rgb(49,39,26)
```
#3d3220
```
#3d3220 rgb(61,50,32)
```
#4a3c27
```
#4a3c27 rgb(74,60,39)
```
#57472e
```
#57472e rgb(87,71,46)
```
#645135
```
#645135 rgb(100,81,53)
```
#715c3c
```
#715c3c rgb(113,92,60)
```
#7e6642
```
#7e6642 rgb(126,102,66)
```
#8a7149
```
#8a7149 rgb(138,113,73)
```
#977b50
```
#977b50 rgb(151,123,80)
```
#a48557
```
#a48557 rgb(164,133,87)
```

Shade Color Variation

#ac8f62
```
#ac8f62 rgb(172,143,98)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#baa17c
```
#baa17c rgb(186,161,124)
```
#c1aa89
```
#c1aa89 rgb(193,170,137)
```
#c7b496
```
#c7b496 rgb(199,180,150)
```
#cebda2
```
#cebda2 rgb(206,189,162)
```
#d5c6af
```
#d5c6af rgb(213,198,175)
```
#dccfbc
```
#dccfbc rgb(220,207,188)
```
#e2d8c9
```
#e2d8c9 rgb(226,216,201)
```
#e9e1d6
```
#e9e1d6 rgb(233,225,214)
```
#f0ebe3
```
#f0ebe3 rgb(240,235,227)
```
#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, #919191 is the less saturated color, while #f7a62b is the most saturated one.

#919191
```
#919191 rgb(145,145,145)
```
#9a9388
```
#9a9388 rgb(154,147,136)
```
#a29580
```
#a29580 rgb(162,149,128)
```
#ab9677
```
#ab9677 rgb(171,150,119)
```
#b3986f
```
#b3986f rgb(179,152,111)
```
#bb9a67
```
#bb9a67 rgb(187,154,103)
```
#c49b5e
```
#c49b5e rgb(196,155,94)
```
#cc9d56
```
#cc9d56 rgb(204,157,86)
```
#d59f4d
```
#d59f4d rgb(213,159,77)
```
#dda145
```
#dda145 rgb(221,161,69)
```
#e6a23c
```
#e6a23c rgb(230,162,60)
```
#eea434
```
#eea434 rgb(238,164,52)
```
#f7a62b
```
#f7a62b rgb(247,166,43)
```

Tone Color Variation

Below, you can see how #b3986f 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
#a09a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca077 Protanopia 1% of men
#bd9a77 Deuteranopia 1% of men
#bc97a2 Tritanopia 0.001% of the population

Trichromacy

#ae9d74 Protanomaly 1% of men, 0.01% of women
#b99974 Deuteranomaly 6% of men, 0.4% of women
#b8978f Tritanomaly 0.01% of the population

#b3986f hex color

#b3986f Color Information

#b3986f Color Conversion

Color Schemes with #b3986f

Alternatives to #b3986f

#b3986f Preview

Shades and Tints of #b3986f

Tones of #b3986f

Color Blindness Simulator