#b4af66 hex color

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

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

● #b4af66 color description : Slightly desaturated yellow.

The hexadecimal color #b4af66 has RGB values of R:180, G:175, B:102 and CMYK values of C:0, M:0.03, Y:0.43, K:0.29. Its decimal value is 11841382.

Hex triplet	b4af66	`#b4af66`
RGB Decimal	180, 175, 102	`rgb(180,175,102)`
RGB Percent	70.6, 68.6, 40	`rgb(70.6%,68.6%,40%)`
CMYK	0, 3, 43, 29
HSL	56.2°, 34.2, 55.3	`hsl(56.2,34.2%,55.3%)`
HSV (or HSB)	56.2°, 43.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.402, -8.824, 37.956
XYZ	36.55, 41.323, 18.62
xyY	0.379, 0.428, 41.323
CIE-LCH	70.402, 38.968, 103.087
CIE-LUV	70.402, 6.795, 49.254
Hunter-Lab	64.283, -11.003, 27.824
Binary	10110100, 10101111, 01100110

#b4af66
```
#b4af66 rgb(180,175,102)
```
#666bb4
```
#666bb4 rgb(102,107,180)
```

Complementary Color

#b48866
```
#b48866 rgb(180,136,102)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#92b466
```
#92b466 rgb(146,180,102)
```

Analogous Color

#8866b4
```
#8866b4 rgb(136,102,180)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#6692b4
```
#6692b4 rgb(102,146,180)
```

Split Complementary Color

#af66b4
```
#af66b4 rgb(175,102,180)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#66b4af
```
#66b4af rgb(102,180,175)
```

Triadic Color

#b4666b
```
#b4666b rgb(180,102,107)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#66b4af
```
#66b4af rgb(102,180,175)
```
#666bb4
```
#666bb4 rgb(102,107,180)
```

Tetradic Color

#8a8544
```
#8a8544 rgb(138,133,68)
```
#9b964c
```
#9b964c rgb(155,150,76)
```
#aca655
```
#aca655 rgb(172,166,85)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#bcb877
```
#bcb877 rgb(188,184,119)
```
#c5c188
```
#c5c188 rgb(197,193,136)
```
#cdca99
```
#cdca99 rgb(205,202,153)
```

Monochromatic Color

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

#b49c66
```
#b49c66 rgb(180,156,102)
```
#b4a266
```
#b4a266 rgb(180,162,102)
```
#b4a966
```
#b4a966 rgb(180,169,102)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#b3b466
```
#b3b466 rgb(179,180,102)
```
#acb466
```
#acb466 rgb(172,180,102)
```
#a6b466
```
#a6b466 rgb(166,180,102)
```

Similar Colors

Text with hexadecimal color #b4af66

This text has a font color of #b4af66.

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

#b4af66 background color

This paragraph has a background color of #b4af66.

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

#b4af66 border color

This element has a border color of #b4af66.

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

CSS codes

.text {color:#b4af66;}

.background {background-color:#b4af66;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#121209
```
#121209 rgb(18,18,9)
```
#1f1e0f
```
#1f1e0f rgb(31,30,15)
```
#2c2b16
```
#2c2b16 rgb(44,43,22)
```
#3a381c
```
#3a381c rgb(58,56,28)
```
#474423
```
#474423 rgb(71,68,35)
```
#545129
```
#545129 rgb(84,81,41)
```
#615e30
```
#615e30 rgb(97,94,48)
```
#6e6b36
```
#6e6b36 rgb(110,107,54)
```
#7b773d
```
#7b773d rgb(123,119,61)
```
#898443
```
#898443 rgb(137,132,67)
```
#969149
```
#969149 rgb(150,145,73)
```
#a39e50
```
#a39e50 rgb(163,158,80)
```

Shade Color Variation

#aea859
```
#aea859 rgb(174,168,89)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#bab673
```
#bab673 rgb(186,182,115)
```
#c1bd80
```
#c1bd80 rgb(193,189,128)
```
#c7c48d
```
#c7c48d rgb(199,196,141)
```
#cecb9b
```
#cecb9b rgb(206,203,155)
```
#d4d1a8
```
#d4d1a8 rgb(212,209,168)
```
#dbd8b5
```
#dbd8b5 rgb(219,216,181)
```
#e1dfc2
```
#e1dfc2 rgb(225,223,194)
```
#e8e6cf
```
#e8e6cf rgb(232,230,207)
```
#eeeddc
```
#eeeddc rgb(238,237,220)
```
#f5f4ea
```
#f5f4ea rgb(245,244,234)
```
#fbfbf7
```
#fbfbf7 rgb(251,251,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 #faec20 is the most saturated one.

#919089
```
#919089 rgb(145,144,137)
```
#9a9880
```
#9a9880 rgb(154,152,128)
```
#a2a078
```
#a2a078 rgb(162,160,120)
```
#aba76f
```
#aba76f rgb(171,167,111)
```
#b4af66
```
#b4af66 rgb(180,175,102)
```
#bdb75d
```
#bdb75d rgb(189,183,93)
```
#c6be54
```
#c6be54 rgb(198,190,84)
```
#cec64c
```
#cec64c rgb(206,198,76)
```
#d7ce43
```
#d7ce43 rgb(215,206,67)
```
#e0d53a
```
#e0d53a rgb(224,213,58)
```
#e9dd31
```
#e9dd31 rgb(233,221,49)
```
#f1e529
```
#f1e529 rgb(241,229,41)
```
#faec20
```
#faec20 rgb(250,236,32)
```

Tone Color Variation

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

Dichromacy

#c0b06d Protanopia 1% of men
#d3a971 Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

#bbaf6a Protanomaly 1% of men, 0.01% of women
#c8ab6d Deuteranomaly 6% of men, 0.4% of women
#bcac99 Tritanomaly 0.01% of the population

#b4af66 hex color

#b4af66 Color Information

#b4af66 Color Conversion

Color Schemes with #b4af66

Alternatives to #b4af66

#b4af66 Preview

Shades and Tints of #b4af66

Tones of #b4af66

Color Blindness Simulator