#b2af76 hex color

In a RGB color space, hex #b2af76 is composed of 69.8% red, 68.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 33.7% yellow and 30.2% black. It has a hue angle of 57 degrees, a saturation of 28% and a lightness of 58%. #b2af76 color hex could be obtained by blending #ffffec with #655f00. Closest websafe color is: #999966.

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

● #b2af76 color description : Mostly desaturated dark yellow.

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

Hex triplet	b2af76	`#b2af76`
RGB Decimal	178, 175, 118	`rgb(178,175,118)`
RGB Percent	69.8, 68.6, 46.3	`rgb(69.8%,68.6%,46.3%)`
CMYK	0, 2, 34, 30
HSL	57°, 28, 58	`hsl(57,28%,58%)`
HSV (or HSB)	57°, 33.7, 69.8
Web Safe	999966	`#999966`

CIE-LAB	70.478, -7.802, 29.664
XYZ	36.96, 41.433, 23.189
xyY	0.364, 0.408, 41.433
CIE-LCH	70.478, 30.673, 104.736
CIE-LUV	70.478, 4.789, 40.195
Hunter-Lab	64.369, -10.153, 23.699
Binary	10110010, 10101111, 01110110

#b2af76
```
#b2af76 rgb(178,175,118)
```
#7679b2
```
#7679b2 rgb(118,121,178)
```

Complementary Color

#b29176
```
#b29176 rgb(178,145,118)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#97b276
```
#97b276 rgb(151,178,118)
```

Analogous Color

#9176b2
```
#9176b2 rgb(145,118,178)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#7697b2
```
#7697b2 rgb(118,151,178)
```

Split Complementary Color

#af76b2
```
#af76b2 rgb(175,118,178)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#76b2af
```
#76b2af rgb(118,178,175)
```

Triadic Color

#b27679
```
#b27679 rgb(178,118,121)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#76b2af
```
#76b2af rgb(118,178,175)
```
#7679b2
```
#7679b2 rgb(118,121,178)
```

Tetradic Color

#8d894f
```
#8d894f rgb(141,137,79)
```
#9d9958
```
#9d9958 rgb(157,153,88)
```
#a9a566
```
#a9a566 rgb(169,165,102)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#bbb986
```
#bbb986 rgb(187,185,134)
```
#c4c297
```
#c4c297 rgb(196,194,151)
```
#cecca7
```
#cecca7 rgb(206,204,167)
```

Monochromatic Color

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

#b2a076
```
#b2a076 rgb(178,160,118)
```
#b2a576
```
#b2a576 rgb(178,165,118)
```
#b2aa76
```
#b2aa76 rgb(178,170,118)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#b0b276
```
#b0b276 rgb(176,178,118)
```
#abb276
```
#abb276 rgb(171,178,118)
```
#a6b276
```
#a6b276 rgb(166,178,118)
```

Similar Colors

Text with hexadecimal color #b2af76

This text has a font color of #b2af76.

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

#b2af76 background color

This paragraph has a background color of #b2af76.

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

#b2af76 border color

This element has a border color of #b2af76.

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

CSS codes

.text {color:#b2af76;}

.background {background-color:#b2af76;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0d08
```
#0e0d08 rgb(14,13,8)
```
#1a1a0f
```
#1a1a0f rgb(26,26,15)
```
#272616
```
#272616 rgb(39,38,22)
```
#33321d
```
#33321d rgb(51,50,29)
```
#403f24
```
#403f24 rgb(64,63,36)
```
#4c4b2b
```
#4c4b2b rgb(76,75,43)
```
#595732
```
#595732 rgb(89,87,50)
```
#666339
```
#666339 rgb(102,99,57)
```
#727040
```
#727040 rgb(114,112,64)
```
#7f7c47
```
#7f7c47 rgb(127,124,71)
```
#8b884e
```
#8b884e rgb(139,136,78)
```
#989455
```
#989455 rgb(152,148,85)
```

Shade Color Variation

#a4a05d
```
#a4a05d rgb(164,160,93)
```
#aba869
```
#aba869 rgb(171,168,105)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#b9b683
```
#b9b683 rgb(185,182,131)
```
#c0be8f
```
#c0be8f rgb(192,190,143)
```
#c7c59c
```
#c7c59c rgb(199,197,156)
```
#cecca8
```
#cecca8 rgb(206,204,168)
```
#d5d4b5
```
#d5d4b5 rgb(213,212,181)
```
#dcdbc1
```
#dcdbc1 rgb(220,219,193)
```
#e3e2ce
```
#e3e2ce rgb(227,226,206)
```
#eaeada
```
#eaeada rgb(234,234,218)
```
#f2f1e7
```
#f2f1e7 rgb(242,241,231)
```
#f9f8f4
```
#f9f8f4 rgb(249,248,244)
```

Tint Color Variation

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

#99998f
```
#99998f rgb(153,153,143)
```
#a2a086
```
#a2a086 rgb(162,160,134)
```
#aaa87e
```
#aaa87e rgb(170,168,126)
```
#b2af76
```
#b2af76 rgb(178,175,118)
```
#bab66e
```
#bab66e rgb(186,182,110)
```
#c2be66
```
#c2be66 rgb(194,190,102)
```
#cbc55d
```
#cbc55d rgb(203,197,93)
```
#d3cd55
```
#d3cd55 rgb(211,205,85)
```
#dbd44d
```
#dbd44d rgb(219,212,77)
```
#e3db45
```
#e3db45 rgb(227,219,69)
```
#ece33c
```
#ece33c rgb(236,227,60)
```
#f4ea34
```
#f4ea34 rgb(244,234,52)
```
#fcf22c
```
#fcf22c rgb(252,242,44)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#abaa9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb07c Protanopia 1% of men
#d0a980 Deuteranopia 1% of men
#bdabb7 Tritanopia 0.001% of the population

Trichromacy

#b9af79 Protanomaly 1% of men, 0.01% of women
#c5ab7c Deuteranomaly 6% of men, 0.4% of women
#b9ac9f Tritanomaly 0.01% of the population

#b2af76 hex color

#b2af76 Color Information

#b2af76 Color Conversion

Color Schemes with #b2af76

Alternatives to #b2af76

#b2af76 Preview

Shades and Tints of #b2af76

Tones of #b2af76

Color Blindness Simulator