#b2ae76 hex color

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

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

● #b2ae76 color description : Mostly desaturated dark yellow.

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

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

CIE-LAB	70.208, -7.275, 29.309
XYZ	36.766, 41.046, 23.124
xyY	0.364, 0.407, 41.046
CIE-LCH	70.208, 30.198, 103.94
CIE-LUV	70.208, 5.384, 39.646
Hunter-Lab	64.067, -9.682, 23.447
Binary	10110010, 10101110, 01110110

#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#767ab2
```
#767ab2 rgb(118,122,178)
```

Complementary Color

#b29076
```
#b29076 rgb(178,144,118)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#98b276
```
#98b276 rgb(152,178,118)
```

Analogous Color

#9076b2
```
#9076b2 rgb(144,118,178)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#7698b2
```
#7698b2 rgb(118,152,178)
```

Split Complementary Color

#ae76b2
```
#ae76b2 rgb(174,118,178)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#76b2ae
```
#76b2ae rgb(118,178,174)
```

Triadic Color

#b2767a
```
#b2767a rgb(178,118,122)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#76b2ae
```
#76b2ae rgb(118,178,174)
```
#767ab2
```
#767ab2 rgb(118,122,178)
```

Tetradic Color

#8d884f
```
#8d884f rgb(141,136,79)
```
#9d9858
```
#9d9858 rgb(157,152,88)
```
#a9a466
```
#a9a466 rgb(169,164,102)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#bbb886
```
#bbb886 rgb(187,184,134)
```
#c4c197
```
#c4c197 rgb(196,193,151)
```
#cecba7
```
#cecba7 rgb(206,203,167)
```

Monochromatic Color

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

#b29f76
```
#b29f76 rgb(178,159,118)
```
#b2a476
```
#b2a476 rgb(178,164,118)
```
#b2a976
```
#b2a976 rgb(178,169,118)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#b1b276
```
#b1b276 rgb(177,178,118)
```
#acb276
```
#acb276 rgb(172,178,118)
```
#a7b276
```
#a7b276 rgb(167,178,118)
```

Similar Colors

Text with hexadecimal color #b2ae76

This text has a font color of #b2ae76.

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

#b2ae76 background color

This paragraph has a background color of #b2ae76.

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

#b2ae76 border color

This element has a border color of #b2ae76.

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

CSS codes

.text {color:#b2ae76;}

.background {background-color:#b2ae76;}

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

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)
```
#1a190f
```
#1a190f rgb(26,25,15)
```
#272616
```
#272616 rgb(39,38,22)
```
#33321d
```
#33321d rgb(51,50,29)
```
#403e24
```
#403e24 rgb(64,62,36)
```
#4c4a2b
```
#4c4a2b rgb(76,74,43)
```
#595632
```
#595632 rgb(89,86,50)
```
#666339
```
#666339 rgb(102,99,57)
```
#726f40
```
#726f40 rgb(114,111,64)
```
#7f7b47
```
#7f7b47 rgb(127,123,71)
```
#8b874e
```
#8b874e rgb(139,135,78)
```
#989355
```
#989355 rgb(152,147,85)
```

Shade Color Variation

#a49f5d
```
#a49f5d rgb(164,159,93)
```
#aba769
```
#aba769 rgb(171,167,105)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#b9b583
```
#b9b583 rgb(185,181,131)
```
#c0bd8f
```
#c0bd8f rgb(192,189,143)
```
#c7c49c
```
#c7c49c rgb(199,196,156)
```
#cecca8
```
#cecca8 rgb(206,204,168)
```
#d5d3b5
```
#d5d3b5 rgb(213,211,181)
```
#dcdbc1
```
#dcdbc1 rgb(220,219,193)
```
#e3e2ce
```
#e3e2ce rgb(227,226,206)
```
#eae9da
```
#eae9da rgb(234,233,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 #fcee2c is the most saturated one.

#99998f
```
#99998f rgb(153,153,143)
```
#a2a086
```
#a2a086 rgb(162,160,134)
```
#aaa77e
```
#aaa77e rgb(170,167,126)
```
#b2ae76
```
#b2ae76 rgb(178,174,118)
```
#bab56e
```
#bab56e rgb(186,181,110)
```
#c2bc66
```
#c2bc66 rgb(194,188,102)
```
#cbc35d
```
#cbc35d rgb(203,195,93)
```
#d3cb55
```
#d3cb55 rgb(211,203,85)
```
#dbd24d
```
#dbd24d rgb(219,210,77)
```
#e3d945
```
#e3d945 rgb(227,217,69)
```
#ece03c
```
#ece03c rgb(236,224,60)
```
#f4e734
```
#f4e734 rgb(244,231,52)
```
#fcee2c
```
#fcee2c rgb(252,238,44)
```

Tone Color Variation

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

#bdaf7c Protanopia 1% of men
#cfa97f Deuteranopia 1% of men
#bdaab6 Tritanopia 0.001% of the population

Trichromacy

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

#b2ae76 hex color

#b2ae76 Color Information

#b2ae76 Color Conversion

Color Schemes with #b2ae76

Alternatives to #b2ae76

#b2ae76 Preview

Shades and Tints of #b2ae76

Tones of #b2ae76

Color Blindness Simulator