colorhexa.com

#b3af76 hex color

In a RGB color space, hex #b3af76 is composed of 70.2% red, 68.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 34.1% yellow and 29.8% black. It has a hue angle of 56.1 degrees, a saturation of 28.6% and a lightness of 58.2%. #b3af76 color hex could be obtained by blending #ffffec with #675f00. Closest websafe color is: #cc9966.

- R 70
- G 69
- B 46
RGB color chart
- C 0
- M 2
- Y 34
- K 30
CMYK color chart

● #b3af76 color description : Slightly desaturated yellow.

The hexadecimal color #b3af76 has RGB values of R:179, G:175, B:118 and CMYK values of C:0, M:0.02, Y:0.34, K:0.3. Its decimal value is 11775862.

Hex triplet	b3af76	`#b3af76`
RGB Decimal	179, 175, 118	`rgb(179,175,118)`
RGB Percent	70.2, 68.6, 46.3	`rgb(70.2%,68.6%,46.3%)`
CMYK	0, 2, 34, 30
HSL	56.1°, 28.6, 58.2	`hsl(56.1,28.6%,58.2%)`
HSV (or HSB)	56.1°, 34.1, 70.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.561, -7.402, 29.788
XYZ	37.19, 41.552, 23.2
xyY	0.365, 0.408, 41.552
CIE-LCH	70.561, 30.694, 103.954
CIE-LUV	70.561, 5.431, 40.269
Hunter-Lab	64.461, -9.823, 23.784
Binary	10110011, 10101111, 01110110

#b3af76
```
#b3af76 rgb(179,175,118)
```
#767ab3
```
#767ab3 rgb(118,122,179)
```

Complementary Color

#b39176
```
#b39176 rgb(179,145,118)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#99b376
```
#99b376 rgb(153,179,118)
```

Analogous Color

#9176b3
```
#9176b3 rgb(145,118,179)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#7699b3
```
#7699b3 rgb(118,153,179)
```

Split Complementary Color

#af76b3
```
#af76b3 rgb(175,118,179)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#76b3af
```
#76b3af rgb(118,179,175)
```

Triadic Color

#b3767a
```
#b3767a rgb(179,118,122)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#76b3af
```
#76b3af rgb(118,179,175)
```
#767ab3
```
#767ab3 rgb(118,122,179)
```

Tetradic Color

#8e8a4f
```
#8e8a4f rgb(142,138,79)
```
#9e9a58
```
#9e9a58 rgb(158,154,88)
```
#aaa566
```
#aaa566 rgb(170,165,102)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#bcb986
```
#bcb986 rgb(188,185,134)
```
#c5c297
```
#c5c297 rgb(197,194,151)
```
#cecca7
```
#cecca7 rgb(206,204,167)
```

Monochromatic Color

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

#b3a076
```
#b3a076 rgb(179,160,118)
```
#b3a576
```
#b3a576 rgb(179,165,118)
```
#b3aa76
```
#b3aa76 rgb(179,170,118)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#b2b376
```
#b2b376 rgb(178,179,118)
```
#adb376
```
#adb376 rgb(173,179,118)
```
#a8b376
```
#a8b376 rgb(168,179,118)
```

Similar Colors

Text with hexadecimal color #b3af76

This text has a font color of #b3af76.

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

#b3af76 background color

This paragraph has a background color of #b3af76.

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

#b3af76 border color

This element has a border color of #b3af76.

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

CSS codes

.text {color:#b3af76;}

.background {background-color:#b3af76;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0e0e08
```
#0e0e08 rgb(14,14,8)
```
#1b1a0f
```
#1b1a0f rgb(27,26,15)
```
#282616
```
#282616 rgb(40,38,22)
```
#34331d
```
#34331d rgb(52,51,29)
```
#413f24
```
#413f24 rgb(65,63,36)
```
#4d4b2b
```
#4d4b2b rgb(77,75,43)
```
#5a5732
```
#5a5732 rgb(90,87,50)
```
#676439
```
#676439 rgb(103,100,57)
```
#737040
```
#737040 rgb(115,112,64)
```
#807c47
```
#807c47 rgb(128,124,71)
```
#8d884e
```
#8d884e rgb(141,136,78)
```
#999555
```
#999555 rgb(153,149,85)
```

Shade Color Variation

#a5a05d
```
#a5a05d rgb(165,160,93)
```
#aca869
```
#aca869 rgb(172,168,105)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#bab683
```
#bab683 rgb(186,182,131)
```
#c1be8f
```
#c1be8f rgb(193,190,143)
```
#c8c59c
```
#c8c59c rgb(200,197,156)
```
#cfcca8
```
#cfcca8 rgb(207,204,168)
```
#d6d4b5
```
#d6d4b5 rgb(214,212,181)
```
#dddbc2
```
#dddbc2 rgb(221,219,194)
```
#e4e3ce
```
#e4e3ce rgb(228,227,206)
```
#ebeadb
```
#ebeadb rgb(235,234,219)
```
#f2f1e8
```
#f2f1e8 rgb(242,241,232)
```
#f9f9f4
```
#f9f9f4 rgb(249,249,244)
```

Tint Color Variation

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

#9a9a8f
```
#9a9a8f rgb(154,154,143)
```
#a3a186
```
#a3a186 rgb(163,161,134)
```
#aba87e
```
#aba87e rgb(171,168,126)
```
#b3af76
```
#b3af76 rgb(179,175,118)
```
#bbb66e
```
#bbb66e rgb(187,182,110)
```
#c3bd66
```
#c3bd66 rgb(195,189,102)
```
#ccc45d
```
#ccc45d rgb(204,196,93)
```
#d4cb55
```
#d4cb55 rgb(212,203,85)
```
#dcd34d
```
#dcd34d rgb(220,211,77)
```
#e4da45
```
#e4da45 rgb(228,218,69)
```
#ece13d
```
#ece13d rgb(236,225,61)
```
#f5e834
```
#f5e834 rgb(245,232,52)
```
#fdef2c
```
#fdef2c rgb(253,239,44)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#acaba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb07c Protanopia 1% of men
#d1a980 Deuteranopia 1% of men
#beabb7 Tritanopia 0.001% of the population

Trichromacy

#bab079 Protanomaly 1% of men, 0.01% of women
#c6ab7c Deuteranomaly 6% of men, 0.4% of women
#baac9f Tritanomaly 0.01% of the population