#b2afa4 hex color

In a RGB color space, hex #b2afa4 is composed of 69.8% red, 68.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 7.9% yellow and 30.2% black. It has a hue angle of 47.1 degrees, a saturation of 8.3% and a lightness of 67.1%. #b2afa4 color hex could be obtained by blending #ffffff with #655f49. Closest websafe color is: #999999.

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

● #b2afa4 color description : Dark grayish yellow.

The hexadecimal color #b2afa4 has RGB values of R:178, G:175, B:164 and CMYK values of C:0, M:0.02, Y:0.08, K:0.3. Its decimal value is 11710372.

Hex triplet	b2afa4	`#b2afa4`
RGB Decimal	178, 175, 164	`rgb(178,175,164)`
RGB Percent	69.8, 68.6, 64.3	`rgb(69.8%,68.6%,64.3%)`
CMYK	0, 2, 8, 30
HSL	47.1°, 8.3, 67.1	`hsl(47.1,8.3%,67.1%)`
HSV (or HSB)	47.1°, 7.9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.423, -0.915, 6.007
XYZ	40.39, 42.805, 41.254
xyY	0.325, 0.344, 42.805
CIE-LCH	71.423, 6.076, 98.657
CIE-LUV	71.423, 2.365, 8.822
Hunter-Lab	65.426, -4.301, 8.413
Binary	10110010, 10101111, 10100100

#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#a4a7b2
```
#a4a7b2 rgb(164,167,178)
```

Complementary Color

#b2a8a4
```
#b2a8a4 rgb(178,168,164)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#aeb2a4
```
#aeb2a4 rgb(174,178,164)
```

Analogous Color

#a8a4b2
```
#a8a4b2 rgb(168,164,178)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#a4aeb2
```
#a4aeb2 rgb(164,174,178)
```

Split Complementary Color

#afa4b2
```
#afa4b2 rgb(175,164,178)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#a4b2af
```
#a4b2af rgb(164,178,175)
```

Triadic Color

#b2a4a7
```
#b2a4a7 rgb(178,164,167)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#a4b2af
```
#a4b2af rgb(164,178,175)
```
#a4a7b2
```
#a4a7b2 rgb(164,167,178)
```

Tetradic Color

#8f8b7b
```
#8f8b7b rgb(143,139,123)
```
#9b9788
```
#9b9788 rgb(155,151,136)
```
#a6a396
```
#a6a396 rgb(166,163,150)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#bebbb2
```
#bebbb2 rgb(190,187,178)
```
#c9c7c0
```
#c9c7c0 rgb(201,199,192)
```
#d5d3cd
```
#d5d3cd rgb(213,211,205)
```

Monochromatic Color

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

#b2aca4
```
#b2aca4 rgb(178,172,164)
```
#b2ada4
```
#b2ada4 rgb(178,173,164)
```
#b2aea4
```
#b2aea4 rgb(178,174,164)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#b2b0a4
```
#b2b0a4 rgb(178,176,164)
```
#b2b1a4
```
#b2b1a4 rgb(178,177,164)
```
#b2b2a4
```
#b2b2a4 rgb(178,178,164)
```

Similar Colors

Text with hexadecimal color #b2afa4

This text has a font color of #b2afa4.

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

#b2afa4 background color

This paragraph has a background color of #b2afa4.

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

#b2afa4 border color

This element has a border color of #b2afa4.

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

CSS codes

.text {color:#b2afa4;}

.background {background-color:#b2afa4;}

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

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

#050404
```
#050404 rgb(5,4,4)
```
#0f0f0d
```
#0f0f0d rgb(15,15,13)
```
#1a1916
```
#1a1916 rgb(26,25,22)
```
#25231f
```
#25231f rgb(37,35,31)
```
#2f2e28
```
#2f2e28 rgb(47,46,40)
```
#3a3831
```
#3a3831 rgb(58,56,49)
```
#44423a
```
#44423a rgb(68,66,58)
```
#4f4c43
```
#4f4c43 rgb(79,76,67)
```
#5a574c
```
#5a574c rgb(90,87,76)
```
#646155
```
#646155 rgb(100,97,85)
```
#6f6b5e
```
#6f6b5e rgb(111,107,94)
```
#7a7567
```
#7a7567 rgb(122,117,103)
```
#848070
```
#848070 rgb(132,128,112)
```

Shade Color Variation

#8e8a7a
```
#8e8a7a rgb(142,138,122)
```
#979384
```
#979384 rgb(151,147,132)
```
#a09c8f
```
#a09c8f rgb(160,156,143)
```
#a9a699
```
#a9a699 rgb(169,166,153)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#bbb8af
```
#bbb8af rgb(187,184,175)
```
#c4c2b9
```
#c4c2b9 rgb(196,194,185)
```
#cdcbc4
```
#cdcbc4 rgb(205,203,196)
```
#d6d4cf
```
#d6d4cf rgb(214,212,207)
```
#dfded9
```
#dfded9 rgb(223,222,217)
```
#e8e7e4
```
#e8e7e4 rgb(232,231,228)
```
#f1f0ee
```
#f1f0ee rgb(241,240,238)
```
#fafaf9
```
#fafaf9 rgb(250,250,249)
```

Tint Color Variation

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

#acabaa
```
#acabaa rgb(172,171,170)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```
#b8b39e
```
#b8b39e rgb(184,179,158)
```
#bfb697
```
#bfb697 rgb(191,182,151)
```
#c5ba91
```
#c5ba91 rgb(197,186,145)
```
#ccbe8a
```
#ccbe8a rgb(204,190,138)
```
#d2c184
```
#d2c184 rgb(210,193,132)
```
#d9c57d
```
#d9c57d rgb(217,197,125)
```
#dfc977
```
#dfc977 rgb(223,201,119)
```
#e6cd70
```
#e6cd70 rgb(230,205,112)
```
#ecd06a
```
#ecd06a rgb(236,208,106)
```
#f3d463
```
#f3d463 rgb(243,212,99)
```
#f9d85d
```
#f9d85d rgb(249,216,93)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b0afad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b2a8 Protanopia 1% of men
#c6adaa Deuteranopia 1% of men
#b9b0bc Tritanopia 0.001% of the population

Trichromacy

#b6b1a6 Protanomaly 1% of men, 0.01% of women
#bfada8 Deuteranomaly 6% of men, 0.4% of women
#b6afb3 Tritanomaly 0.01% of the population

#b2afa4 hex color

#b2afa4 Color Information

#b2afa4 Color Conversion

Color Schemes with #b2afa4

Alternatives to #b2afa4

#b2afa4 Preview

Shades and Tints of #b2afa4

Tones of #b2afa4

Color Blindness Simulator