#b2ae66 hex color

In a RGB color space, hex #b2ae66 is composed of 69.8% red, 68.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 42.7% yellow and 30.2% black. It has a hue angle of 56.8 degrees, a saturation of 33% and a lightness of 54.9%. #b2ae66 color hex could be obtained by blending #ffffcc with #655d00. Closest websafe color is: #999966.

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

● #b2ae66 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2ae66 has RGB values of R:178, G:174, B:102 and CMYK values of C:0, M:0.02, Y:0.43, K:0.3. Its decimal value is 11710054.

Hex triplet	b2ae66	`#b2ae66`
RGB Decimal	178, 174, 102	`rgb(178,174,102)`
RGB Percent	69.8, 68.2, 40	`rgb(69.8%,68.2%,40%)`
CMYK	0, 2, 43, 30
HSL	56.8°, 33, 54.9	`hsl(56.8,33%,54.9%)`
HSV (or HSB)	56.8°, 42.7, 69.8
Web Safe	999966	`#999966`

CIE-LAB	69.963, -9.122, 37.371
XYZ	35.894, 40.697, 18.534
xyY	0.377, 0.428, 40.697
CIE-LCH	69.963, 38.468, 103.717
CIE-LUV	69.963, 6.093, 48.619
Hunter-Lab	63.794, -11.206, 27.43
Binary	10110010, 10101110, 01100110

#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#666ab2
```
#666ab2 rgb(102,106,178)
```

Complementary Color

#b28866
```
#b28866 rgb(178,136,102)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#90b266
```
#90b266 rgb(144,178,102)
```

Analogous Color

#8866b2
```
#8866b2 rgb(136,102,178)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#6690b2
```
#6690b2 rgb(102,144,178)
```

Split Complementary Color

#ae66b2
```
#ae66b2 rgb(174,102,178)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#66b2ae
```
#66b2ae rgb(102,178,174)
```

Triadic Color

#b2666a
```
#b2666a rgb(178,102,106)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#66b2ae
```
#66b2ae rgb(102,178,174)
```
#666ab2
```
#666ab2 rgb(102,106,178)
```

Tetradic Color

#878444
```
#878444 rgb(135,132,68)
```
#98944d
```
#98944d rgb(152,148,77)
```
#a9a555
```
#a9a555 rgb(169,165,85)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#bbb777
```
#bbb777 rgb(187,183,119)
```
#c3c088
```
#c3c088 rgb(195,192,136)
```
#ccc999
```
#ccc999 rgb(204,201,153)
```

Monochromatic Color

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

#b29b66
```
#b29b66 rgb(178,155,102)
```
#b2a166
```
#b2a166 rgb(178,161,102)
```
#b2a866
```
#b2a866 rgb(178,168,102)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#b0b266
```
#b0b266 rgb(176,178,102)
```
#a9b266
```
#a9b266 rgb(169,178,102)
```
#a3b266
```
#a3b266 rgb(163,178,102)
```

Similar Colors

Text with hexadecimal color #b2ae66

This text has a font color of #b2ae66.

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

#b2ae66 background color

This paragraph has a background color of #b2ae66.

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

#b2ae66 border color

This element has a border color of #b2ae66.

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

CSS codes

.text {color:#b2ae66;}

.background {background-color:#b2ae66;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#111008
```
#111008 rgb(17,16,8)
```
#1e1d0f
```
#1e1d0f rgb(30,29,15)
```
#2b2a16
```
#2b2a16 rgb(43,42,22)
```
#38361c
```
#38361c rgb(56,54,28)
```
#454323
```
#454323 rgb(69,67,35)
```
#525029
```
#525029 rgb(82,80,41)
```
#5f5c30
```
#5f5c30 rgb(95,92,48)
```
#6c6936
```
#6c6936 rgb(108,105,54)
```
#79763d
```
#79763d rgb(121,118,61)
```
#868343
```
#868343 rgb(134,131,67)
```
#938f4a
```
#938f4a rgb(147,143,74)
```
#a09c51
```
#a09c51 rgb(160,156,81)
```

Shade Color Variation

#aba759
```
#aba759 rgb(171,167,89)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#b9b573
```
#b9b573 rgb(185,181,115)
```
#bfbc80
```
#bfbc80 rgb(191,188,128)
```
#c6c38d
```
#c6c38d rgb(198,195,141)
```
#ccca9a
```
#ccca9a rgb(204,202,154)
```
#d3d1a7
```
#d3d1a7 rgb(211,209,167)
```
#d9d7b4
```
#d9d7b4 rgb(217,215,180)
```
#e0dec1
```
#e0dec1 rgb(224,222,193)
```
#e7e5ce
```
#e7e5ce rgb(231,229,206)
```
#edecdb
```
#edecdb rgb(237,236,219)
```
#f4f3e8
```
#f4f3e8 rgb(244,243,232)
```
#fafaf6
```
#fafaf6 rgb(250,250,246)
```

Tint Color Variation

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

#8f8e89
```
#8f8e89 rgb(143,142,137)
```
#979681
```
#979681 rgb(151,150,129)
```
#a09e78
```
#a09e78 rgb(160,158,120)
```
#a9a66f
```
#a9a66f rgb(169,166,111)
```
#b2ae66
```
#b2ae66 rgb(178,174,102)
```
#bbb65d
```
#bbb65d rgb(187,182,93)
```
#c4be54
```
#c4be54 rgb(196,190,84)
```
#cdc64b
```
#cdc64b rgb(205,198,75)
```
#d5ce43
```
#d5ce43 rgb(213,206,67)
```
#ded63a
```
#ded63a rgb(222,214,58)
```
#e7dd31
```
#e7dd31 rgb(231,221,49)
```
#f0e528
```
#f0e528 rgb(240,229,40)
```
#f9ed1f
```
#f9ed1f rgb(249,237,31)
```

Tone Color Variation

Below, you can see how #b2ae66 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
#a9a89a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfaf6c Protanopia 1% of men
#d2a871 Deuteranopia 1% of men
#bea9b5 Tritanopia 0.001% of the population

Trichromacy

#baae6a Protanomaly 1% of men, 0.01% of women
#c6aa6d Deuteranomaly 6% of men, 0.4% of women
#baab98 Tritanomaly 0.01% of the population

#b2ae66 hex color

#b2ae66 Color Information

#b2ae66 Color Conversion

Color Schemes with #b2ae66

Alternatives to #b2ae66

#b2ae66 Preview

Shades and Tints of #b2ae66

Tones of #b2ae66

Color Blindness Simulator