#b4ab76 hex color

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

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

● #b4ab76 color description : Slightly desaturated yellow.

The hexadecimal color #b4ab76 has RGB values of R:180, G:171, B:118 and CMYK values of C:0, M:0.05, Y:0.34, K:0.29. Its decimal value is 11840374.

Hex triplet	b4ab76	`#b4ab76`
RGB Decimal	180, 171, 118	`rgb(180,171,118)`
RGB Percent	70.6, 67.1, 46.3	`rgb(70.6%,67.1%,46.3%)`
CMYK	0, 5, 34, 29
HSL	51.3°, 29.2, 58.4	`hsl(51.3,29.2%,58.4%)`
HSV (or HSB)	51.3°, 34.4, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.568, -4.881, 28.497
XYZ	36.655, 40.138, 22.955
xyY	0.367, 0.402, 40.138
CIE-LCH	69.568, 28.912, 99.72
CIE-LUV	69.568, 8.475, 38.154
Hunter-Lab	63.354, -7.595, 22.866
Binary	10110100, 10101011, 01110110

#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#767fb4
```
#767fb4 rgb(118,127,180)
```

Complementary Color

#b48c76
```
#b48c76 rgb(180,140,118)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#9eb476
```
#9eb476 rgb(158,180,118)
```

Analogous Color

#8c76b4
```
#8c76b4 rgb(140,118,180)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#769eb4
```
#769eb4 rgb(118,158,180)
```

Split Complementary Color

#ab76b4
```
#ab76b4 rgb(171,118,180)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#76b4ab
```
#76b4ab rgb(118,180,171)
```

Triadic Color

#b4767f
```
#b4767f rgb(180,118,127)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#76b4ab
```
#76b4ab rgb(118,180,171)
```
#767fb4
```
#767fb4 rgb(118,127,180)
```

Tetradic Color

#8f864e
```
#8f864e rgb(143,134,78)
```
#a09557
```
#a09557 rgb(160,149,87)
```
#aba166
```
#aba166 rgb(171,161,102)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#bdb586
```
#bdb586 rgb(189,181,134)
```
#c6bf97
```
#c6bf97 rgb(198,191,151)
```
#cfc9a7
```
#cfc9a7 rgb(207,201,167)
```

Monochromatic Color

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

#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)
```
#aeb476
```
#aeb476 rgb(174,180,118)
```

Similar Colors

Text with hexadecimal color #b4ab76

This text has a font color of #b4ab76.

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

#b4ab76 background color

This paragraph has a background color of #b4ab76.

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

#b4ab76 border color

This element has a border color of #b4ab76.

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

CSS codes

.text {color:#b4ab76;}

.background {background-color:#b4ab76;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0e08
```
#0f0e08 rgb(15,14,8)
```
#1c1a0f
```
#1c1a0f rgb(28,26,15)
```
#282616
```
#282616 rgb(40,38,22)
```
#35321d
```
#35321d rgb(53,50,29)
```
#423d24
```
#423d24 rgb(66,61,36)
```
#4e492b
```
#4e492b rgb(78,73,43)
```
#5b5532
```
#5b5532 rgb(91,85,50)
```
#686139
```
#686139 rgb(104,97,57)
```
#756d40
```
#756d40 rgb(117,109,64)
```
#817947
```
#817947 rgb(129,121,71)
```
#8e854e
```
#8e854e rgb(142,133,78)
```
#9b9055
```
#9b9055 rgb(155,144,85)
```

Shade Color Variation

#a69b5d
```
#a69b5d rgb(166,155,93)
```
#ada369
```
#ada369 rgb(173,163,105)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#bbb383
```
#bbb383 rgb(187,179,131)
```
#c2bb8f
```
#c2bb8f rgb(194,187,143)
```
#c9c29c
```
#c9c29c rgb(201,194,156)
```
#d0caa9
```
#d0caa9 rgb(208,202,169)
```
#d7d2b5
```
#d7d2b5 rgb(215,210,181)
```
#dedac2
```
#dedac2 rgb(222,218,194)
```
#e5e1cf
```
#e5e1cf rgb(229,225,207)
```
#ece9db
```
#ece9db rgb(236,233,219)
```
#f2f1e8
```
#f2f1e8 rgb(242,241,232)
```
#f9f9f5
```
#f9f9f5 rgb(249,249,245)
```

Tint Color Variation

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

#9c9a8e
```
#9c9a8e rgb(156,154,142)
```
#a49f86
```
#a49f86 rgb(164,159,134)
```
#aca57e
```
#aca57e rgb(172,165,126)
```
#b4ab76
```
#b4ab76 rgb(180,171,118)
```
#bcb16e
```
#bcb16e rgb(188,177,110)
```
#c4b766
```
#c4b766 rgb(196,183,102)
```
#ccbc5e
```
#ccbc5e rgb(204,188,94)
```
#d5c255
```
#d5c255 rgb(213,194,85)
```
#ddc84d
```
#ddc84d rgb(221,200,77)
```
#e5ce45
```
#e5ce45 rgb(229,206,69)
```
#edd43d
```
#edd43d rgb(237,212,61)
```
#f5d935
```
#f5d935 rgb(245,217,53)
```
#fddf2d
```
#fddf2d rgb(253,223,45)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaa99e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbae7c Protanopia 1% of men
#cda77f Deuteranopia 1% of men
#bfa8b4 Tritanopia 0.001% of the population

Trichromacy

#b8ad7a Protanomaly 1% of men, 0.01% of women
#c4a87c Deuteranomaly 6% of men, 0.4% of women
#bba99d Tritanomaly 0.01% of the population

#b4ab76 hex color

#b4ab76 Color Information

#b4ab76 Color Conversion

Color Schemes with #b4ab76

Alternatives to #b4ab76

#b4ab76 Preview

Shades and Tints of #b4ab76

Tones of #b4ab76

Color Blindness Simulator