#b2ae96 hex color

In a RGB color space, hex #b2ae96 is composed of 69.8% red, 68.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 15.7% yellow and 30.2% black. It has a hue angle of 51.4 degrees, a saturation of 15.4% and a lightness of 64.3%. #b2ae96 color hex could be obtained by blending #ffffff with #655d2d. Closest websafe color is: #999999.

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

● #b2ae96 color description : Dark grayish yellow.

The hexadecimal color #b2ae96 has RGB values of R:178, G:174, B:150 and CMYK values of C:0, M:0.02, Y:0.16, K:0.3. Its decimal value is 11710102.

Hex triplet	b2ae96	`#b2ae96`
RGB Decimal	178, 174, 150	`rgb(178,174,150)`
RGB Percent	69.8, 68.2, 58.8	`rgb(69.8%,68.2%,58.8%)`
CMYK	0, 2, 16, 30
HSL	51.4°, 15.4, 64.3	`hsl(51.4,15.4%,64.3%)`
HSV (or HSB)	51.4°, 15.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.829, -2.717, 12.841
XYZ	39, 41.939, 34.893
xyY	0.337, 0.362, 41.939
CIE-LCH	70.829, 13.125, 101.947
CIE-LUV	70.829, 3.713, 18.514
Hunter-Lab	64.761, -5.834, 13.387
Binary	10110010, 10101110, 10010110

#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#969ab2
```
#969ab2 rgb(150,154,178)
```

Complementary Color

#b2a096
```
#b2a096 rgb(178,160,150)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#a8b296
```
#a8b296 rgb(168,178,150)
```

Analogous Color

#a096b2
```
#a096b2 rgb(160,150,178)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#96a8b2
```
#96a8b2 rgb(150,168,178)
```

Split Complementary Color

#ae96b2
```
#ae96b2 rgb(174,150,178)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#96b2ae
```
#96b2ae rgb(150,178,174)
```

Triadic Color

#b2969a
```
#b2969a rgb(178,150,154)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#96b2ae
```
#96b2ae rgb(150,178,174)
```
#969ab2
```
#969ab2 rgb(150,154,178)
```

Tetradic Color

#918c6a
```
#918c6a rgb(145,140,106)
```
#9c9779
```
#9c9779 rgb(156,151,121)
```
#a7a387
```
#a7a387 rgb(167,163,135)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#bdb9a5
```
#bdb9a5 rgb(189,185,165)
```
#c8c5b3
```
#c8c5b3 rgb(200,197,179)
```
#d2d0c2
```
#d2d0c2 rgb(210,208,194)
```

Monochromatic Color

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

#b2a796
```
#b2a796 rgb(178,167,150)
```
#b2a996
```
#b2a996 rgb(178,169,150)
```
#b2ac96
```
#b2ac96 rgb(178,172,150)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#b2b096
```
#b2b096 rgb(178,176,150)
```
#b1b296
```
#b1b296 rgb(177,178,150)
```
#afb296
```
#afb296 rgb(175,178,150)
```

Similar Colors

Text with hexadecimal color #b2ae96

This text has a font color of #b2ae96.

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

#b2ae96 background color

This paragraph has a background color of #b2ae96.

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

#b2ae96 border color

This element has a border color of #b2ae96.

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

CSS codes

.text {color:#b2ae96;}

.background {background-color:#b2ae96;}

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

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

#080806
```
#080806 rgb(8,8,6)
```
#13130e
```
#13130e rgb(19,19,14)
```
#1f1e17
```
#1f1e17 rgb(31,30,23)
```
#2a291f
```
#2a291f rgb(42,41,31)
```
#353327
```
#353327 rgb(53,51,39)
```
#413e2f
```
#413e2f rgb(65,62,47)
```
#4c4938
```
#4c4938 rgb(76,73,56)
```
#575440
```
#575440 rgb(87,84,64)
```
#635f48
```
#635f48 rgb(99,95,72)
```
#6e6a51
```
#6e6a51 rgb(110,106,81)
```
#797559
```
#797559 rgb(121,117,89)
```
#858061
```
#858061 rgb(133,128,97)
```
#908a6a
```
#908a6a rgb(144,138,106)
```

Shade Color Variation

#999474
```
#999474 rgb(153,148,116)
```
#a19d7f
```
#a19d7f rgb(161,157,127)
```
#aaa58b
```
#aaa58b rgb(170,165,139)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#bab7a1
```
#bab7a1 rgb(186,183,161)
```
#c3bfad
```
#c3bfad rgb(195,191,173)
```
#cbc8b8
```
#cbc8b8 rgb(203,200,184)
```
#d3d1c3
```
#d3d1c3 rgb(211,209,195)
```
#dbdacf
```
#dbdacf rgb(219,218,207)
```
#e4e2da
```
#e4e2da rgb(228,226,218)
```
#ecebe5
```
#ecebe5 rgb(236,235,229)
```
#f4f4f1
```
#f4f4f1 rgb(244,244,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#aba99d
```
#aba99d rgb(171,169,157)
```
#b2ae96
```
#b2ae96 rgb(178,174,150)
```
#b9b38f
```
#b9b38f rgb(185,179,143)
```
#c0b888
```
#c0b888 rgb(192,184,136)
```
#c7bd81
```
#c7bd81 rgb(199,189,129)
```
#cec27a
```
#cec27a rgb(206,194,122)
```
#d5c773
```
#d5c773 rgb(213,199,115)
```
#dccc6c
```
#dccc6c rgb(220,204,108)
```
#e3d165
```
#e3d165 rgb(227,209,101)
```
#ead65e
```
#ead65e rgb(234,214,94)
```
#f1db57
```
#f1db57 rgb(241,219,87)
```
#f8e050
```
#f8e050 rgb(248,224,80)
```
#ffe549
```
#ffe549 rgb(255,229,73)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adaca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b19a Protanopia 1% of men
#c9ab9d Deuteranopia 1% of men
#baadba Tritanopia 0.001% of the population

Trichromacy

#b7af99 Protanomaly 1% of men, 0.01% of women
#c0ac9a Deuteranomaly 6% of men, 0.4% of women
#b7adac Tritanomaly 0.01% of the population

#b2ae96 hex color

#b2ae96 Color Information

#b2ae96 Color Conversion

Color Schemes with #b2ae96

Alternatives to #b2ae96

#b2ae96 Preview

Shades and Tints of #b2ae96

Tones of #b2ae96

Color Blindness Simulator