#b4a666 hex color

In a RGB color space, hex #b4a666 is composed of 70.6% red, 65.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 43.3% yellow and 29.4% black. It has a hue angle of 49.2 degrees, a saturation of 34.2% and a lightness of 55.3%. #b4a666 color hex could be obtained by blending #ffffcc with #694d00. Closest websafe color is: #cc9966.

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

● #b4a666 color description : Slightly desaturated yellow.

The hexadecimal color #b4a666 has RGB values of R:180, G:166, B:102 and CMYK values of C:0, M:0.08, Y:0.43, K:0.29. Its decimal value is 11839078.

Hex triplet	b4a666	`#b4a666`
RGB Decimal	180, 166, 102	`rgb(180,166,102)`
RGB Percent	70.6, 65.1, 40	`rgb(70.6%,65.1%,40%)`
CMYK	0, 8, 43, 29
HSL	49.2°, 34.2, 55.3	`hsl(49.2,34.2%,55.3%)`
HSV (or HSB)	49.2°, 43.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.973, -4.061, 34.902
XYZ	34.857, 37.936, 18.056
xyY	0.384, 0.418, 37.936
CIE-LCH	67.973, 35.138, 96.637
CIE-LUV	67.973, 12.402, 44.619
Hunter-Lab	61.592, -6.768, 25.733
Binary	10110100, 10100110, 01100110

#b4a666
```
#b4a666 rgb(180,166,102)
```
#6674b4
```
#6674b4 rgb(102,116,180)
```

Complementary Color

#b47f66
```
#b47f66 rgb(180,127,102)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#9bb466
```
#9bb466 rgb(155,180,102)
```

Analogous Color

#7f66b4
```
#7f66b4 rgb(127,102,180)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#669bb4
```
#669bb4 rgb(102,155,180)
```

Split Complementary Color

#a666b4
```
#a666b4 rgb(166,102,180)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#66b4a6
```
#66b4a6 rgb(102,180,166)
```

Triadic Color

#b46674
```
#b46674 rgb(180,102,116)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#66b4a6
```
#66b4a6 rgb(102,180,166)
```
#6674b4
```
#6674b4 rgb(102,116,180)
```

Tetradic Color

#8a7d44
```
#8a7d44 rgb(138,125,68)
```
#9b8d4c
```
#9b8d4c rgb(155,141,76)
```
#ac9c55
```
#ac9c55 rgb(172,156,85)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#bcb077
```
#bcb077 rgb(188,176,119)
```
#c5ba88
```
#c5ba88 rgb(197,186,136)
```
#cdc499
```
#cdc499 rgb(205,196,153)
```

Monochromatic Color

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

#b49366
```
#b49366 rgb(180,147,102)
```
#b49966
```
#b49966 rgb(180,153,102)
```
#b4a066
```
#b4a066 rgb(180,160,102)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#b4ad66
```
#b4ad66 rgb(180,173,102)
```
#b4b366
```
#b4b366 rgb(180,179,102)
```
#afb466
```
#afb466 rgb(175,180,102)
```

Similar Colors

Text with hexadecimal color #b4a666

This text has a font color of #b4a666.

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

#b4a666 background color

This paragraph has a background color of #b4a666.

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

#b4a666 border color

This element has a border color of #b4a666.

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

CSS codes

.text {color:#b4a666;}

.background {background-color:#b4a666;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#121009
```
#121009 rgb(18,16,9)
```
#1f1c0f
```
#1f1c0f rgb(31,28,15)
```
#2c2816
```
#2c2816 rgb(44,40,22)
```
#3a341c
```
#3a341c rgb(58,52,28)
```
#474023
```
#474023 rgb(71,64,35)
```
#544c29
```
#544c29 rgb(84,76,41)
```
#615830
```
#615830 rgb(97,88,48)
```
#6e6436
```
#6e6436 rgb(110,100,54)
```
#7b703d
```
#7b703d rgb(123,112,61)
```
#897c43
```
#897c43 rgb(137,124,67)
```
#968849
```
#968849 rgb(150,136,73)
```
#a39450
```
#a39450 rgb(163,148,80)
```

Shade Color Variation

#ae9e59
```
#ae9e59 rgb(174,158,89)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#baae73
```
#baae73 rgb(186,174,115)
```
#c1b580
```
#c1b580 rgb(193,181,128)
```
#c7bd8d
```
#c7bd8d rgb(199,189,141)
```
#cec59b
```
#cec59b rgb(206,197,155)
```
#d4cca8
```
#d4cca8 rgb(212,204,168)
```
#dbd4b5
```
#dbd4b5 rgb(219,212,181)
```
#e1dcc2
```
#e1dcc2 rgb(225,220,194)
```
#e8e3cf
```
#e8e3cf rgb(232,227,207)
```
#eeebdc
```
#eeebdc rgb(238,235,220)
```
#f5f3ea
```
#f5f3ea rgb(245,243,234)
```
#fbfaf7
```
#fbfaf7 rgb(251,250,247)
```

Tint Color Variation

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

#919089
```
#919089 rgb(145,144,137)
```
#9a9580
```
#9a9580 rgb(154,149,128)
```
#a29b78
```
#a29b78 rgb(162,155,120)
```
#aba06f
```
#aba06f rgb(171,160,111)
```
#b4a666
```
#b4a666 rgb(180,166,102)
```
#bdac5d
```
#bdac5d rgb(189,172,93)
```
#c6b154
```
#c6b154 rgb(198,177,84)
```
#ceb74c
```
#ceb74c rgb(206,183,76)
```
#d7bc43
```
#d7bc43 rgb(215,188,67)
```
#e0c23a
```
#e0c23a rgb(224,194,58)
```
#e9c831
```
#e9c831 rgb(233,200,49)
```
#f1cd29
```
#f1cd29 rgb(241,205,41)
```
#fad320
```
#fad320 rgb(250,211,32)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9aa6d Protanopia 1% of men
#cba370 Deuteranopia 1% of men
#bfa2ae Tritanopia 0.001% of the population

Trichromacy

#b7a86a Protanomaly 1% of men, 0.01% of women
#c3a46c Deuteranomaly 6% of men, 0.4% of women
#bba393 Tritanomaly 0.01% of the population

#b4a666 hex color

#b4a666 Color Information

#b4a666 Color Conversion

Color Schemes with #b4a666

Alternatives to #b4a666

#b4a666 Preview

Shades and Tints of #b4a666

Tones of #b4a666

Color Blindness Simulator