#b4a676 hex color

In a RGB color space, hex #b4a676 is composed of 70.6% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 34.4% yellow and 29.4% black. It has a hue angle of 46.5 degrees, a saturation of 29.2% and a lightness of 58.4%. #b4a676 color hex could be obtained by blending #ffffec with #694d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 65
- B 46
RGB color chart
- C 0
- M 8
- Y 34
- K 29
CMYK color chart

● #b4a676 color description : Slightly desaturated yellow.

The hexadecimal color #b4a676 has RGB values of R:180, G:166, B:118 and CMYK values of C:0, M:0.08, Y:0.34, K:0.29. Its decimal value is 11839094.

Hex triplet	b4a676	`#b4a676`
RGB Decimal	180, 166, 118	`rgb(180,166,118)`
RGB Percent	70.6, 65.1, 46.3	`rgb(70.6%,65.1%,46.3%)`
CMYK	0, 8, 34, 29
HSL	46.5°, 29.2, 58.4	`hsl(46.5,29.2%,58.4%)`
HSV (or HSB)	46.5°, 34.4, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.23, -2.208, 26.726
XYZ	35.728, 38.284, 22.646
xyY	0.37, 0.396, 38.284
CIE-LCH	68.23, 26.818, 94.723
CIE-LUV	68.23, 11.502, 35.403
Hunter-Lab	61.874, -5.209, 21.612
Binary	10110100, 10100110, 01110110

#b4a676
```
#b4a676 rgb(180,166,118)
```
#7684b4
```
#7684b4 rgb(118,132,180)
```

Complementary Color

#b48776
```
#b48776 rgb(180,135,118)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#a3b476
```
#a3b476 rgb(163,180,118)
```

Analogous Color

#8776b4
```
#8776b4 rgb(135,118,180)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#76a3b4
```
#76a3b4 rgb(118,163,180)
```

Split Complementary Color

#a676b4
```
#a676b4 rgb(166,118,180)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#76b4a6
```
#76b4a6 rgb(118,180,166)
```

Triadic Color

#b47684
```
#b47684 rgb(180,118,132)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#76b4a6
```
#76b4a6 rgb(118,180,166)
```
#7684b4
```
#7684b4 rgb(118,132,180)
```

Tetradic Color

#8f814e
```
#8f814e rgb(143,129,78)
```
#a08f57
```
#a08f57 rgb(160,143,87)
```
#ab9b66
```
#ab9b66 rgb(171,155,102)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#bdb186
```
#bdb186 rgb(189,177,134)
```
#c6bb97
```
#c6bb97 rgb(198,187,151)
```
#cfc6a7
```
#cfc6a7 rgb(207,198,167)
```

Monochromatic Color

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

#b49776
```
#b49776 rgb(180,151,118)
```
#b49c76
```
#b49c76 rgb(180,156,118)
```
#b4a176
```
#b4a176 rgb(180,161,118)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#b4b076
```
#b4b076 rgb(180,176,118)
```
#b3b476
```
#b3b476 rgb(179,180,118)
```

Similar Colors

Text with hexadecimal color #b4a676

This text has a font color of #b4a676.

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

#b4a676 background color

This paragraph has a background color of #b4a676.

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

#b4a676 border color

This element has a border color of #b4a676.

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

CSS codes

.text {color:#b4a676;}

.background {background-color:#b4a676;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0e08
```
#0f0e08 rgb(15,14,8)
```
#1c190f
```
#1c190f rgb(28,25,15)
```
#282416
```
#282416 rgb(40,36,22)
```
#35301d
```
#35301d rgb(53,48,29)
```
#423b24
```
#423b24 rgb(66,59,36)
```
#4e462b
```
#4e462b rgb(78,70,43)
```
#5b5232
```
#5b5232 rgb(91,82,50)
```
#685d39
```
#685d39 rgb(104,93,57)
```
#756940
```
#756940 rgb(117,105,64)
```
#817447
```
#817447 rgb(129,116,71)
```
#8e7f4e
```
#8e7f4e rgb(142,127,78)
```
#9b8b55
```
#9b8b55 rgb(155,139,85)
```

Shade Color Variation

#a6965d
```
#a6965d rgb(166,150,93)
```
#ad9e69
```
#ad9e69 rgb(173,158,105)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#bbae83
```
#bbae83 rgb(187,174,131)
```
#c2b68f
```
#c2b68f rgb(194,182,143)
```
#c9bf9c
```
#c9bf9c rgb(201,191,156)
```
#d0c7a9
```
#d0c7a9 rgb(208,199,169)
```
#d7cfb5
```
#d7cfb5 rgb(215,207,181)
```
#ded7c2
```
#ded7c2 rgb(222,215,194)
```
#e5e0cf
```
#e5e0cf rgb(229,224,207)
```
#ece8db
```
#ece8db rgb(236,232,219)
```
#f2f0e8
```
#f2f0e8 rgb(242,240,232)
```
#f9f8f5
```
#f9f8f5 rgb(249,248,245)
```

Tint Color Variation

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

#9c998e
```
#9c998e rgb(156,153,142)
```
#a49d86
```
#a49d86 rgb(164,157,134)
```
#aca27e
```
#aca27e rgb(172,162,126)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#bcaa6e
```
#bcaa6e rgb(188,170,110)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#ccb35e
```
#ccb35e rgb(204,179,94)
```
#d5b855
```
#d5b855 rgb(213,184,85)
```
#ddbc4d
```
#ddbc4d rgb(221,188,77)
```
#e5c145
```
#e5c145 rgb(229,193,69)
```
#edc53d
```
#edc53d rgb(237,197,61)
```
#f5ca35
```
#f5ca35 rgb(245,202,53)
```
#fdce2d
```
#fdce2d rgb(253,206,45)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a59c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7aa7d Protanopia 1% of men
#c9a47f Deuteranopia 1% of men
#bea3af Tritanopia 0.001% of the population

Trichromacy

#b6a97a Protanomaly 1% of men, 0.01% of women
#c1a47b Deuteranomaly 6% of men, 0.4% of women
#baa49a Tritanomaly 0.01% of the population

#b4a676 hex color

#b4a676 Color Information

#b4a676 Color Conversion

Color Schemes with #b4a676

Alternatives to #b4a676

#b4a676 Preview

Shades and Tints of #b4a676

Tones of #b4a676

Color Blindness Simulator