#b3af66 hex color

In a RGB color space, hex #b3af66 is composed of 70.2% red, 68.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 43% yellow and 29.8% black. It has a hue angle of 56.9 degrees, a saturation of 33.6% and a lightness of 55.1%. #b3af66 color hex could be obtained by blending #ffffcc with #675f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 70
- G 69
- B 40
RGB color chart
- C 0
- M 2
- Y 43
- K 30
CMYK color chart

● #b3af66 color description : Slightly desaturated yellow.

The hexadecimal color #b3af66 has RGB values of R:179, G:175, B:102 and CMYK values of C:0, M:0.02, Y:0.43, K:0.3. Its decimal value is 11775846.

Hex triplet	b3af66	`#b3af66`
RGB Decimal	179, 175, 102	`rgb(179,175,102)`
RGB Percent	70.2, 68.6, 40	`rgb(70.2%,68.6%,40%)`
CMYK	0, 2, 43, 30
HSL	56.9°, 33.6, 55.1	`hsl(56.9,33.6%,55.1%)`
HSV (or HSB)	56.9°, 43, 70.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.318, -9.235, 37.833
XYZ	36.318, 41.203, 18.61
xyY	0.378, 0.429, 41.203
CIE-LCH	70.318, 38.944, 103.717
CIE-LUV	70.318, 6.137, 49.194
Hunter-Lab	64.19, -11.338, 27.744
Binary	10110011, 10101111, 01100110

#b3af66
```
#b3af66 rgb(179,175,102)
```
#666ab3
```
#666ab3 rgb(102,106,179)
```

Complementary Color

#b38966
```
#b38966 rgb(179,137,102)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#91b366
```
#91b366 rgb(145,179,102)
```

Analogous Color

#8966b3
```
#8966b3 rgb(137,102,179)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#6691b3
```
#6691b3 rgb(102,145,179)
```

Split Complementary Color

#af66b3
```
#af66b3 rgb(175,102,179)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#66b3af
```
#66b3af rgb(102,179,175)
```

Triadic Color

#b3666a
```
#b3666a rgb(179,102,106)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#66b3af
```
#66b3af rgb(102,179,175)
```
#666ab3
```
#666ab3 rgb(102,106,179)
```

Tetradic Color

#898544
```
#898544 rgb(137,133,68)
```
#9a964c
```
#9a964c rgb(154,150,76)
```
#aba655
```
#aba655 rgb(171,166,85)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#bbb877
```
#bbb877 rgb(187,184,119)
```
#c4c188
```
#c4c188 rgb(196,193,136)
```
#ccca99
```
#ccca99 rgb(204,202,153)
```

Monochromatic Color

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

#b39c66
```
#b39c66 rgb(179,156,102)
```
#b3a266
```
#b3a266 rgb(179,162,102)
```
#b3a966
```
#b3a966 rgb(179,169,102)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#b1b366
```
#b1b366 rgb(177,179,102)
```
#aab366
```
#aab366 rgb(170,179,102)
```
#a4b366
```
#a4b366 rgb(164,179,102)
```

Similar Colors

Text with hexadecimal color #b3af66

This text has a font color of #b3af66.

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

#b3af66 background color

This paragraph has a background color of #b3af66.

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

#b3af66 border color

This element has a border color of #b3af66.

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

CSS codes

.text {color:#b3af66;}

.background {background-color:#b3af66;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#111109
```
#111109 rgb(17,17,9)
```
#1e1e0f
```
#1e1e0f rgb(30,30,15)
```
#2c2a16
```
#2c2a16 rgb(44,42,22)
```
#39371c
```
#39371c rgb(57,55,28)
```
#464423
```
#464423 rgb(70,68,35)
```
#535129
```
#535129 rgb(83,81,41)
```
#605d30
```
#605d30 rgb(96,93,48)
```
#6d6a36
```
#6d6a36 rgb(109,106,54)
```
#7a773d
```
#7a773d rgb(122,119,61)
```
#878443
```
#878443 rgb(135,132,67)
```
#94914a
```
#94914a rgb(148,145,74)
```
#a29d50
```
#a29d50 rgb(162,157,80)
```

Shade Color Variation

#aca859
```
#aca859 rgb(172,168,89)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#bab673
```
#bab673 rgb(186,182,115)
```
#c0bd80
```
#c0bd80 rgb(192,189,128)
```
#c7c48d
```
#c7c48d rgb(199,196,141)
```
#cdca9a
```
#cdca9a rgb(205,202,154)
```
#d4d1a8
```
#d4d1a8 rgb(212,209,168)
```
#dad8b5
```
#dad8b5 rgb(218,216,181)
```
#e1dfc2
```
#e1dfc2 rgb(225,223,194)
```
#e7e6cf
```
#e7e6cf rgb(231,230,207)
```
#eeeddc
```
#eeeddc rgb(238,237,220)
```
#f4f4e9
```
#f4f4e9 rgb(244,244,233)
```
#fbfaf6
```
#fbfaf6 rgb(251,250,246)
```

Tint Color Variation

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

#908f89
```
#908f89 rgb(144,143,137)
```
#999780
```
#999780 rgb(153,151,128)
```
#a19f78
```
#a19f78 rgb(161,159,120)
```
#aaa76f
```
#aaa76f rgb(170,167,111)
```
#b3af66
```
#b3af66 rgb(179,175,102)
```
#bcb75d
```
#bcb75d rgb(188,183,93)
```
#c5bf54
```
#c5bf54 rgb(197,191,84)
```
#cdc74c
```
#cdc74c rgb(205,199,76)
```
#d6cf43
```
#d6cf43 rgb(214,207,67)
```
#dfd63a
```
#dfd63a rgb(223,214,58)
```
#e8de31
```
#e8de31 rgb(232,222,49)
```
#f1e628
```
#f1e628 rgb(241,230,40)
```
#f9ee20
```
#f9ee20 rgb(249,238,32)
```

Tone Color Variation

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

#c0b06c Protanopia 1% of men
#d3a871 Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

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

#b3af66 hex color

#b3af66 Color Information

#b3af66 Color Conversion

Color Schemes with #b3af66

Alternatives to #b3af66

#b3af66 Preview

Shades and Tints of #b3af66

Tones of #b3af66

Color Blindness Simulator