#b2af9e hex color

In a RGB color space, hex #b2af9e is composed of 69.8% red, 68.6% green and 62% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 11.2% yellow and 30.2% black. It has a hue angle of 51 degrees, a saturation of 11.5% and a lightness of 65.9%. #b2af9e color hex could be obtained by blending #ffffff with #655f3d. Closest websafe color is: #999999.

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

● #b2af9e color description : Dark grayish yellow.

The hexadecimal color #b2af9e has RGB values of R:178, G:175, B:158 and CMYK values of C:0, M:0.02, Y:0.11, K:0.3. Its decimal value is 11710366.

Hex triplet	b2af9e	`#b2af9e`
RGB Decimal	178, 175, 158	`rgb(178,175,158)`
RGB Percent	69.8, 68.6, 62	`rgb(69.8%,68.6%,62%)`
CMYK	0, 2, 11, 30
HSL	51°, 11.5, 65.9	`hsl(51,11.5%,65.9%)`
HSV (or HSB)	51°, 11.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.278, -1.941, 9.094
XYZ	39.861, 42.594, 38.467
xyY	0.33, 0.352, 42.594
CIE-LCH	71.278, 9.298, 102.051
CIE-LUV	71.278, 2.712, 13.308
Hunter-Lab	65.264, -5.191, 10.738
Binary	10110010, 10101111, 10011110

#b2af9e
```
#b2af9e rgb(178,175,158)
```
#9ea1b2
```
#9ea1b2 rgb(158,161,178)
```

Complementary Color

#b2a59e
```
#b2a59e rgb(178,165,158)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#abb29e
```
#abb29e rgb(171,178,158)
```

Analogous Color

#a59eb2
```
#a59eb2 rgb(165,158,178)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#9eabb2
```
#9eabb2 rgb(158,171,178)
```

Split Complementary Color

#af9eb2
```
#af9eb2 rgb(175,158,178)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#9eb2af
```
#9eb2af rgb(158,178,175)
```

Triadic Color

#b29ea1
```
#b29ea1 rgb(178,158,161)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#9eb2af
```
#9eb2af rgb(158,178,175)
```
#9ea1b2
```
#9ea1b2 rgb(158,161,178)
```

Tetradic Color

#908c73
```
#908c73 rgb(144,140,115)
```
#9b9882
```
#9b9882 rgb(155,152,130)
```
#a7a390
```
#a7a390 rgb(167,163,144)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#bdbbac
```
#bdbbac rgb(189,187,172)
```
#c9c6ba
```
#c9c6ba rgb(201,198,186)
```
#d4d2c9
```
#d4d2c9 rgb(212,210,201)
```

Monochromatic Color

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

#b2aa9e
```
#b2aa9e rgb(178,170,158)
```
#b2ac9e
```
#b2ac9e rgb(178,172,158)
```
#b2ad9e
```
#b2ad9e rgb(178,173,158)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#b2b19e
```
#b2b19e rgb(178,177,158)
```
#b2b29e
```
#b2b29e rgb(178,178,158)
```
#b0b29e
```
#b0b29e rgb(176,178,158)
```

Similar Colors

Text with hexadecimal color #b2af9e

This text has a font color of #b2af9e.

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

#b2af9e background color

This paragraph has a background color of #b2af9e.

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

#b2af9e border color

This element has a border color of #b2af9e.

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

CSS codes

.text {color:#b2af9e;}

.background {background-color:#b2af9e;}

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

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)
```
#0c0c0a
```
#0c0c0a rgb(12,12,10)
```
#171712
```
#171712 rgb(23,23,18)
```
#22211b
```
#22211b rgb(34,33,27)
```
#2d2c24
```
#2d2c24 rgb(45,44,36)
```
#38362d
```
#38362d rgb(56,54,45)
```
#434135
```
#434135 rgb(67,65,53)
```
#4e4c3e
```
#4e4c3e rgb(78,76,62)
```
#595647
```
#595647 rgb(89,86,71)
```
#64614f
```
#64614f rgb(100,97,79)
```
#6f6b58
```
#6f6b58 rgb(111,107,88)
```
#7a7661
```
#7a7661 rgb(122,118,97)
```
#858169
```
#858169 rgb(133,129,105)
```

Shade Color Variation

#8f8b72
```
#8f8b72 rgb(143,139,114)
```
#98947d
```
#98947d rgb(152,148,125)
```
#a19d88
```
#a19d88 rgb(161,157,136)
```
#a9a693
```
#a9a693 rgb(169,166,147)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#bbb8a9
```
#bbb8a9 rgb(187,184,169)
```
#c3c1b4
```
#c3c1b4 rgb(195,193,180)
```
#cccabf
```
#cccabf rgb(204,202,191)
```
#d5d3ca
```
#d5d3ca rgb(213,211,202)
```
#dddcd5
```
#dddcd5 rgb(221,220,213)
```
#e6e5e0
```
#e6e5e0 rgb(230,229,224)
```
#efeeeb
```
#efeeeb rgb(239,238,235)
```
#f7f7f5
```
#f7f7f5 rgb(247,247,245)
```

Tint Color Variation

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

#abaaa5
```
#abaaa5 rgb(171,170,165)
```
#b2af9e
```
#b2af9e rgb(178,175,158)
```
#b9b497
```
#b9b497 rgb(185,180,151)
```
#bfb891
```
#bfb891 rgb(191,184,145)
```
#c6bd8a
```
#c6bd8a rgb(198,189,138)
```
#cdc283
```
#cdc283 rgb(205,194,131)
```
#d3c67d
```
#d3c67d rgb(211,198,125)
```
#dacb76
```
#dacb76 rgb(218,203,118)
```
#e1d06f
```
#e1d06f rgb(225,208,111)
```
#e8d468
```
#e8d468 rgb(232,212,104)
```
#eed962
```
#eed962 rgb(238,217,98)
```
#f5de5b
```
#f5de5b rgb(245,222,91)
```
#fce354
```
#fce354 rgb(252,227,84)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#afaeab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b2a2 Protanopia 1% of men
#c8aca5 Deuteranopia 1% of men
#baafbb Tritanopia 0.001% of the population

Trichromacy

#b6b0a0 Protanomaly 1% of men, 0.01% of women
#c0ada2 Deuteranomaly 6% of men, 0.4% of women
#b7afb1 Tritanomaly 0.01% of the population

#b2af9e hex color

#b2af9e Color Information

#b2af9e Color Conversion

Color Schemes with #b2af9e

Alternatives to #b2af9e

#b2af9e Preview

Shades and Tints of #b2af9e

Tones of #b2af9e

Color Blindness Simulator