#b49678 hex color

In a RGB color space, hex #b49678 is composed of 70.6% red, 58.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 33.3% yellow and 29.4% black. It has a hue angle of 30 degrees, a saturation of 28.6% and a lightness of 58.8%. #b49678 color hex could be obtained by blending #fffff0 with #692d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 59
- B 47
RGB color chart
- C 0
- M 17
- Y 33
- K 29
CMYK color chart

● #b49678 color description : Slightly desaturated orange.

The hexadecimal color #b49678 has RGB values of R:180, G:150, B:120 and CMYK values of C:0, M:0.17, Y:0.33, K:0.29. Its decimal value is 11835000.

Hex triplet	b49678	`#b49678`
RGB Decimal	180, 150, 120	`rgb(180,150,120)`
RGB Percent	70.6, 58.8, 47.1	`rgb(70.6%,58.8%,47.1%)`
CMYK	0, 17, 33, 29
HSL	30°, 28.6, 58.8	`hsl(30,28.6%,58.8%)`
HSV (or HSB)	30°, 33.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.058, 6.765, 20.019
XYZ	33.119, 32.873, 22.369
xyY	0.375, 0.372, 32.873
CIE-LCH	64.058, 21.131, 71.329
CIE-LUV	64.058, 21.183, 25.241
Hunter-Lab	57.335, 2.771, 17.003
Binary	10110100, 10010110, 01111000

#b49678
```
#b49678 rgb(180,150,120)
```
#7896b4
```
#7896b4 rgb(120,150,180)
```

Complementary Color

#b47878
```
#b47878 rgb(180,120,120)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#b4b478
```
#b4b478 rgb(180,180,120)
```

Analogous Color

#7878b4
```
#7878b4 rgb(120,120,180)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#78b4b4
```
#78b4b4 rgb(120,180,180)
```

Split Complementary Color

#9678b4
```
#9678b4 rgb(150,120,180)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#78b496
```
#78b496 rgb(120,180,150)
```

Triadic Color

#b47896
```
#b47896 rgb(180,120,150)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#78b496
```
#78b496 rgb(120,180,150)
```
#7896b4
```
#7896b4 rgb(120,150,180)
```

Tetradic Color

#907050
```
#907050 rgb(144,112,80)
```
#a07d59
```
#a07d59 rgb(160,125,89)
```
#ab8968
```
#ab8968 rgb(171,137,104)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#bda388
```
#bda388 rgb(189,163,136)
```
#c6b099
```
#c6b099 rgb(198,176,153)
```
#cfbca9
```
#cfbca9 rgb(207,188,169)
```

Monochromatic Color

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

#b48778
```
#b48778 rgb(180,135,120)
```
#b48c78
```
#b48c78 rgb(180,140,120)
```
#b49178
```
#b49178 rgb(180,145,120)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#b49b78
```
#b49b78 rgb(180,155,120)
```
#b4a078
```
#b4a078 rgb(180,160,120)
```
#b4a578
```
#b4a578 rgb(180,165,120)
```

Similar Colors

Text with hexadecimal color #b49678

This text has a font color of #b49678.

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

#b49678 background color

This paragraph has a background color of #b49678.

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

#b49678 border color

This element has a border color of #b49678.

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

CSS codes

.text {color:#b49678;}

.background {background-color:#b49678;}

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

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 #faf8f6 is the lightest one.

#040302
```
#040302 rgb(4,3,2)
```
#100d09
```
#100d09 rgb(16,13,9)
```
#1d1710
```
#1d1710 rgb(29,23,16)
```
#2a2017
```
#2a2017 rgb(42,32,23)
```
#362a1e
```
#362a1e rgb(54,42,30)
```
#433425
```
#433425 rgb(67,52,37)
```
#4f3e2c
```
#4f3e2c rgb(79,62,44)
```
#5c4833
```
#5c4833 rgb(92,72,51)
```
#69513a
```
#69513a rgb(105,81,58)
```
#755b41
```
#755b41 rgb(117,91,65)
```
#826548
```
#826548 rgb(130,101,72)
```
#8e6f4f
```
#8e6f4f rgb(142,111,79)
```
#9b7956
```
#9b7956 rgb(155,121,86)
```

Shade Color Variation

#a6825f
```
#a6825f rgb(166,130,95)
```
#ad8c6b
```
#ad8c6b rgb(173,140,107)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#bba085
```
#bba085 rgb(187,160,133)
```
#c2aa91
```
#c2aa91 rgb(194,170,145)
```
#c9b39e
```
#c9b39e rgb(201,179,158)
```
#d0bdaa
```
#d0bdaa rgb(208,189,170)
```
#d7c7b7
```
#d7c7b7 rgb(215,199,183)
```
#ded1c4
```
#ded1c4 rgb(222,209,196)
```
#e5dbd0
```
#e5dbd0 rgb(229,219,208)
```
#ece4dd
```
#ece4dd rgb(236,228,221)
```
#f3eee9
```
#f3eee9 rgb(243,238,233)
```
#faf8f6
```
#faf8f6 rgb(250,248,246)
```

Tint Color Variation

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

#9c9690
```
#9c9690 rgb(156,150,144)
```
#a49688
```
#a49688 rgb(164,150,136)
```
#ac9680
```
#ac9680 rgb(172,150,128)
```
#b49678
```
#b49678 rgb(180,150,120)
```
#bc9670
```
#bc9670 rgb(188,150,112)
```
#c49668
```
#c49668 rgb(196,150,104)
```
#cc9660
```
#cc9660 rgb(204,150,96)
```
#d49658
```
#d49658 rgb(212,150,88)
```
#dc9650
```
#dc9650 rgb(220,150,80)
```
#e49648
```
#e49648 rgb(228,150,72)
```
#ed963f
```
#ed963f rgb(237,150,63)
```
#f59637
```
#f59637 rgb(245,150,55)
```
#fd962f
```
#fd962f rgb(253,150,47)
```

Tone Color Variation

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

Dichromacy

#aaa081 Protanopia 1% of men
#ba9a7f Deuteranopia 1% of men
#bc96a1 Tritanopia 0.001% of the population

Trichromacy

#ad9c7d Protanomaly 1% of men, 0.01% of women
#b8987c Deuteranomaly 6% of men, 0.4% of women
#b99692 Tritanomaly 0.01% of the population

#b49678 hex color

#b49678 Color Information

#b49678 Color Conversion

Color Schemes with #b49678

Alternatives to #b49678

#b49678 Preview

Shades and Tints of #b49678

Tones of #b49678

Color Blindness Simulator