#b2ae6a hex color

In a RGB color space, hex #b2ae6a is composed of 69.8% red, 68.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 40.4% yellow and 30.2% black. It has a hue angle of 56.7 degrees, a saturation of 31.9% and a lightness of 55.7%. #b2ae6a color hex could be obtained by blending #ffffd4 with #655d00. Closest websafe color is: #999966.

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

● #b2ae6a color description : Mostly desaturated dark yellow.

The hexadecimal color #b2ae6a has RGB values of R:178, G:174, B:106 and CMYK values of C:0, M:0.02, Y:0.4, K:0.3. Its decimal value is 11710058.

Hex triplet	b2ae6a	`#b2ae6a`
RGB Decimal	178, 174, 106	`rgb(178,174,106)`
RGB Percent	69.8, 68.2, 41.6	`rgb(69.8%,68.2%,41.6%)`
CMYK	0, 2, 40, 30
HSL	56.7°, 31.9, 55.7	`hsl(56.7,31.9%,55.7%)`
HSV (or HSB)	56.7°, 40.4, 69.8
Web Safe	999966	`#999966`

CIE-LAB	70.02, -8.688, 35.376
XYZ	36.097, 40.778, 19.604
xyY	0.374, 0.423, 40.778
CIE-LCH	70.02, 36.427, 103.798
CIE-LUV	70.02, 5.925, 46.487
Hunter-Lab	63.858, -10.849, 26.498
Binary	10110010, 10101110, 01101010

#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#6a6eb2
```
#6a6eb2 rgb(106,110,178)
```

Complementary Color

#b28a6a
```
#b28a6a rgb(178,138,106)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#92b26a
```
#92b26a rgb(146,178,106)
```

Analogous Color

#8a6ab2
```
#8a6ab2 rgb(138,106,178)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#6a92b2
```
#6a92b2 rgb(106,146,178)
```

Split Complementary Color

#ae6ab2
```
#ae6ab2 rgb(174,106,178)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#6ab2ae
```
#6ab2ae rgb(106,178,174)
```

Triadic Color

#b26a6e
```
#b26a6e rgb(178,106,110)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#6ab2ae
```
#6ab2ae rgb(106,178,174)
```
#6a6eb2
```
#6a6eb2 rgb(106,110,178)
```

Tetradic Color

#898547
```
#898547 rgb(137,133,71)
```
#9a954f
```
#9a954f rgb(154,149,79)
```
#a9a559
```
#a9a559 rgb(169,165,89)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#bbb77b
```
#bbb77b rgb(187,183,123)
```
#c3c08c
```
#c3c08c rgb(195,192,140)
```
#ccc99c
```
#ccc99c rgb(204,201,156)
```

Monochromatic Color

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

#b29c6a
```
#b29c6a rgb(178,156,106)
```
#b2a26a
```
#b2a26a rgb(178,162,106)
```
#b2a86a
```
#b2a86a rgb(178,168,106)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#b0b26a
```
#b0b26a rgb(176,178,106)
```
#aab26a
```
#aab26a rgb(170,178,106)
```
#a4b26a
```
#a4b26a rgb(164,178,106)
```

Similar Colors

Text with hexadecimal color #b2ae6a

This text has a font color of #b2ae6a.

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

#b2ae6a background color

This paragraph has a background color of #b2ae6a.

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

#b2ae6a border color

This element has a border color of #b2ae6a.

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

CSS codes

.text {color:#b2ae6a;}

.background {background-color:#b2ae6a;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#13130a
```
#13130a rgb(19,19,10)
```
#201f11
```
#201f11 rgb(32,31,17)
```
#2d2c17
```
#2d2c17 rgb(45,44,23)
```
#3a381e
```
#3a381e rgb(58,56,30)
```
#474525
```
#474525 rgb(71,69,37)
```
#54522b
```
#54522b rgb(84,82,43)
```
#615e32
```
#615e32 rgb(97,94,50)
```
#6e6b39
```
#6e6b39 rgb(110,107,57)
```
#7b773f
```
#7b773f rgb(123,119,63)
```
#888446
```
#888446 rgb(136,132,70)
```
#94904d
```
#94904d rgb(148,144,77)
```
#a19d53
```
#a19d53 rgb(161,157,83)
```

Shade Color Variation

#aba75d
```
#aba75d rgb(171,167,93)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#b9b577
```
#b9b577 rgb(185,181,119)
```
#bfbc84
```
#bfbc84 rgb(191,188,132)
```
#c6c391
```
#c6c391 rgb(198,195,145)
```
#cdca9e
```
#cdca9e rgb(205,202,158)
```
#d3d1ab
```
#d3d1ab rgb(211,209,171)
```
#dad8b8
```
#dad8b8 rgb(218,216,184)
```
#e1dfc5
```
#e1dfc5 rgb(225,223,197)
```
#e7e6d1
```
#e7e6d1 rgb(231,230,209)
```
#eeedde
```
#eeedde rgb(238,237,222)
```
#f5f4eb
```
#f5f4eb rgb(245,244,235)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#8f8f8d
```
#8f8f8d rgb(143,143,141)
```
#989784
```
#989784 rgb(152,151,132)
```
#a19f7b
```
#a19f7b rgb(161,159,123)
```
#a9a673
```
#a9a673 rgb(169,166,115)
```
#b2ae6a
```
#b2ae6a rgb(178,174,106)
```
#bbb661
```
#bbb661 rgb(187,182,97)
```
#c3bd59
```
#c3bd59 rgb(195,189,89)
```
#ccc550
```
#ccc550 rgb(204,197,80)
```
#d5cd47
```
#d5cd47 rgb(213,205,71)
```
#ddd53f
```
#ddd53f rgb(221,213,63)
```
#e6dc36
```
#e6dc36 rgb(230,220,54)
```
#efe42d
```
#efe42d rgb(239,228,45)
```
#f8ec24
```
#f8ec24 rgb(248,236,36)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9a89b Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaf70 Protanopia 1% of men
#d1a874 Deuteranopia 1% of men
#bea9b5 Tritanopia 0.001% of the population

Trichromacy

#baae6e Protanomaly 1% of men, 0.01% of women
#c6aa70 Deuteranomaly 6% of men, 0.4% of women
#baab9a Tritanomaly 0.01% of the population

#b2ae6a hex color

#b2ae6a Color Information

#b2ae6a Color Conversion

Color Schemes with #b2ae6a

Alternatives to #b2ae6a

#b2ae6a Preview

Shades and Tints of #b2ae6a

Tones of #b2ae6a

Color Blindness Simulator