#b2ae9d hex color

In a RGB color space, hex #b2ae9d is composed of 69.8% red, 68.2% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 11.8% yellow and 30.2% black. It has a hue angle of 48.6 degrees, a saturation of 12% and a lightness of 65.7%. #b2ae9d color hex could be obtained by blending #ffffff with #655d3b. Closest websafe color is: #999999.

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

● #b2ae9d color description : Dark grayish yellow.

The hexadecimal color #b2ae9d has RGB values of R:178, G:174, B:157 and CMYK values of C:0, M:0.02, Y:0.12, K:0.3. Its decimal value is 11710109.

Hex triplet	b2ae9d	`#b2ae9d`
RGB Decimal	178, 174, 157	`rgb(178,174,157)`
RGB Percent	69.8, 68.2, 61.6	`rgb(69.8%,68.2%,61.6%)`
CMYK	0, 2, 12, 30
HSL	48.6°, 12, 65.7	`hsl(48.6,12%,65.7%)`
HSV (or HSB)	48.6°, 11.8, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.989, -1.572, 9.23
XYZ	39.581, 42.172, 37.951
xyY	0.331, 0.352, 42.172
CIE-LCH	70.989, 9.363, 99.664
CIE-LUV	70.989, 3.311, 13.418
Hunter-Lab	64.94, -4.848, 10.808
Binary	10110010, 10101110, 10011101

#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#9da1b2
```
#9da1b2 rgb(157,161,178)
```

Complementary Color

#b2a49d
```
#b2a49d rgb(178,164,157)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#acb29d
```
#acb29d rgb(172,178,157)
```

Analogous Color

#a49db2
```
#a49db2 rgb(164,157,178)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#9dacb2
```
#9dacb2 rgb(157,172,178)
```

Split Complementary Color

#ae9db2
```
#ae9db2 rgb(174,157,178)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#9db2ae
```
#9db2ae rgb(157,178,174)
```

Triadic Color

#b29da1
```
#b29da1 rgb(178,157,161)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#9db2ae
```
#9db2ae rgb(157,178,174)
```
#9da1b2
```
#9da1b2 rgb(157,161,178)
```

Tetradic Color

#908b72
```
#908b72 rgb(144,139,114)
```
#9c9680
```
#9c9680 rgb(156,150,128)
```
#a7a28f
```
#a7a28f rgb(167,162,143)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#bdbaab
```
#bdbaab rgb(189,186,171)
```
#c8c6ba
```
#c8c6ba rgb(200,198,186)
```
#d4d1c8
```
#d4d1c8 rgb(212,209,200)
```

Monochromatic Color

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

#b2a99d
```
#b2a99d rgb(178,169,157)
```
#b2ab9d
```
#b2ab9d rgb(178,171,157)
```
#b2ac9d
```
#b2ac9d rgb(178,172,157)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#b2b09d
```
#b2b09d rgb(178,176,157)
```
#b2b29d
```
#b2b29d rgb(178,178,157)
```
#b1b29d
```
#b1b29d rgb(177,178,157)
```

Similar Colors

Text with hexadecimal color #b2ae9d

This text has a font color of #b2ae9d.

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

#b2ae9d background color

This paragraph has a background color of #b2ae9d.

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

#b2ae9d border color

This element has a border color of #b2ae9d.

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

CSS codes

.text {color:#b2ae9d;}

.background {background-color:#b2ae9d;}

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

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 #f7f7f5 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0c0b09
```
#0c0b09 rgb(12,11,9)
```
#171612
```
#171612 rgb(23,22,18)
```
#22201b
```
#22201b rgb(34,32,27)
```
#2d2b23
```
#2d2b23 rgb(45,43,35)
```
#38362c
```
#38362c rgb(56,54,44)
```
#434034
```
#434034 rgb(67,64,52)
```
#4e4b3d
```
#4e4b3d rgb(78,75,61)
```
#595546
```
#595546 rgb(89,85,70)
```
#64604e
```
#64604e rgb(100,96,78)
```
#6f6a57
```
#6f6a57 rgb(111,106,87)
```
#7a7560
```
#7a7560 rgb(122,117,96)
```
#857f68
```
#857f68 rgb(133,127,104)
```

Shade Color Variation

#8f8a71
```
#8f8a71 rgb(143,138,113)
```
#98937c
```
#98937c rgb(152,147,124)
```
#a19c87
```
#a19c87 rgb(161,156,135)
```
#a9a592
```
#a9a592 rgb(169,165,146)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#bbb7a8
```
#bbb7a8 rgb(187,183,168)
```
#c3c0b3
```
#c3c0b3 rgb(195,192,179)
```
#ccc9be
```
#ccc9be rgb(204,201,190)
```
#d5d2c9
```
#d5d2c9 rgb(213,210,201)
```
#dddbd4
```
#dddbd4 rgb(221,219,212)
```
#e6e4df
```
#e6e4df rgb(230,228,223)
```
#eeeeea
```
#eeeeea rgb(238,238,234)
```
#f7f7f5
```
#f7f7f5 rgb(247,247,245)
```

Tint Color Variation

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

#abaaa4
```
#abaaa4 rgb(171,170,164)
```
#b2ae9d
```
#b2ae9d rgb(178,174,157)
```
#b9b296
```
#b9b296 rgb(185,178,150)
```
#bfb690
```
#bfb690 rgb(191,182,144)
```
#c6bb89
```
#c6bb89 rgb(198,187,137)
```
#cdbf82
```
#cdbf82 rgb(205,191,130)
```
#d4c37b
```
#d4c37b rgb(212,195,123)
```
#dac775
```
#dac775 rgb(218,199,117)
```
#e1cb6e
```
#e1cb6e rgb(225,203,110)
```
#e8cf67
```
#e8cf67 rgb(232,207,103)
```
#efd460
```
#efd460 rgb(239,212,96)
```
#f5d85a
```
#f5d85a rgb(245,216,90)
```
#fcdc53
```
#fcdc53 rgb(252,220,83)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#aeadaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b1a1 Protanopia 1% of men
#c7aca4 Deuteranopia 1% of men
#baaeba Tritanopia 0.001% of the population

Trichromacy

#b6b09f Protanomaly 1% of men, 0.01% of women
#bfaca1 Deuteranomaly 6% of men, 0.4% of women
#b7aeb0 Tritanomaly 0.01% of the population

#b2ae9d hex color

#b2ae9d Color Information

#b2ae9d Color Conversion

Color Schemes with #b2ae9d

Alternatives to #b2ae9d

#b2ae9d Preview

Shades and Tints of #b2ae9d

Tones of #b2ae9d

Color Blindness Simulator