#b2afa1 hex color

In a RGB color space, hex #b2afa1 is composed of 69.8% red, 68.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 9.6% yellow and 30.2% black. It has a hue angle of 49.4 degrees, a saturation of 9.9% and a lightness of 66.5%. #b2afa1 color hex could be obtained by blending #ffffff with #655f43. Closest websafe color is: #999999.

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

● #b2afa1 color description : Dark grayish yellow.

The hexadecimal color #b2afa1 has RGB values of R:178, G:175, B:161 and CMYK values of C:0, M:0.02, Y:0.1, K:0.3. Its decimal value is 11710369.

Hex triplet	b2afa1	`#b2afa1`
RGB Decimal	178, 175, 161	`rgb(178,175,161)`
RGB Percent	69.8, 68.6, 63.1	`rgb(69.8%,68.6%,63.1%)`
CMYK	0, 2, 10, 30
HSL	49.4°, 9.9, 66.5	`hsl(49.4,9.9%,66.5%)`
HSV (or HSB)	49.4°, 9.6, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.35, -1.433, 7.55
XYZ	40.122, 42.698, 39.844
xyY	0.327, 0.348, 42.698
CIE-LCH	71.35, 7.684, 100.744
CIE-LUV	71.35, 2.539, 11.077
Hunter-Lab	65.344, -4.751, 9.588
Binary	10110010, 10101111, 10100001

#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#a1a4b2
```
#a1a4b2 rgb(161,164,178)
```

Complementary Color

#b2a7a1
```
#b2a7a1 rgb(178,167,161)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#adb2a1
```
#adb2a1 rgb(173,178,161)
```

Analogous Color

#a7a1b2
```
#a7a1b2 rgb(167,161,178)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#a1adb2
```
#a1adb2 rgb(161,173,178)
```

Split Complementary Color

#afa1b2
```
#afa1b2 rgb(175,161,178)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#a1b2af
```
#a1b2af rgb(161,178,175)
```

Triadic Color

#b2a1a4
```
#b2a1a4 rgb(178,161,164)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#a1b2af
```
#a1b2af rgb(161,178,175)
```
#a1a4b2
```
#a1a4b2 rgb(161,164,178)
```

Tetradic Color

#908b77
```
#908b77 rgb(144,139,119)
```
#9b9785
```
#9b9785 rgb(155,151,133)
```
#a7a393
```
#a7a393 rgb(167,163,147)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#bdbbaf
```
#bdbbaf rgb(189,187,175)
```
#c9c7bd
```
#c9c7bd rgb(201,199,189)
```
#d4d3cb
```
#d4d3cb rgb(212,211,203)
```

Monochromatic Color

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

#b2aba1
```
#b2aba1 rgb(178,171,161)
```
#b2aca1
```
#b2aca1 rgb(178,172,161)
```
#b2aea1
```
#b2aea1 rgb(178,174,161)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#b2b0a1
```
#b2b0a1 rgb(178,176,161)
```
#b2b2a1
```
#b2b2a1 rgb(178,178,161)
```
#b1b2a1
```
#b1b2a1 rgb(177,178,161)
```

Similar Colors

Text with hexadecimal color #b2afa1

This text has a font color of #b2afa1.

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

#b2afa1 background color

This paragraph has a background color of #b2afa1.

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

#b2afa1 border color

This element has a border color of #b2afa1.

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

CSS codes

.text {color:#b2afa1;}

.background {background-color:#b2afa1;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0e0d0b
```
#0e0d0b rgb(14,13,11)
```
#191814
```
#191814 rgb(25,24,20)
```
#23221d
```
#23221d rgb(35,34,29)
```
#2e2d26
```
#2e2d26 rgb(46,45,38)
```
#39372f
```
#39372f rgb(57,55,47)
```
#444237
```
#444237 rgb(68,66,55)
```
#4f4c40
```
#4f4c40 rgb(79,76,64)
```
#595649
```
#595649 rgb(89,86,73)
```
#646152
```
#646152 rgb(100,97,82)
```
#6f6b5b
```
#6f6b5b rgb(111,107,91)
```
#7a7664
```
#7a7664 rgb(122,118,100)
```
#84806c
```
#84806c rgb(132,128,108)
```

Shade Color Variation

#8f8a76
```
#8f8a76 rgb(143,138,118)
```
#989381
```
#989381 rgb(152,147,129)
```
#a09d8b
```
#a09d8b rgb(160,157,139)
```
#a9a696
```
#a9a696 rgb(169,166,150)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#bbb8ac
```
#bbb8ac rgb(187,184,172)
```
#c4c1b7
```
#c4c1b7 rgb(196,193,183)
```
#cccbc1
```
#cccbc1 rgb(204,203,193)
```
#d5d4cc
```
#d5d4cc rgb(213,212,204)
```
#deddd7
```
#deddd7 rgb(222,221,215)
```
#e7e6e2
```
#e7e6e2 rgb(231,230,226)
```
#f0efec
```
#f0efec rgb(240,239,236)
```
#f9f8f7
```
#f9f8f7 rgb(249,248,247)
```

Tint Color Variation

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

#ababa8
```
#ababa8 rgb(171,171,168)
```
#b2afa1
```
#b2afa1 rgb(178,175,161)
```
#b9b39a
```
#b9b39a rgb(185,179,154)
```
#bfb894
```
#bfb894 rgb(191,184,148)
```
#c6bc8d
```
#c6bc8d rgb(198,188,141)
```
#ccc087
```
#ccc087 rgb(204,192,135)
```
#d3c480
```
#d3c480 rgb(211,196,128)
```
#d9c97a
```
#d9c97a rgb(217,201,122)
```
#e0cd73
```
#e0cd73 rgb(224,205,115)
```
#e7d16c
```
#e7d16c rgb(231,209,108)
```
#edd566
```
#edd566 rgb(237,213,102)
```
#f4da5f
```
#f4da5f rgb(244,218,95)
```
#fade59
```
#fade59 rgb(250,222,89)
```

Tone Color Variation

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

#b9b2a5 Protanopia 1% of men
#c7ada7 Deuteranopia 1% of men
#b9afbc Tritanopia 0.001% of the population

Trichromacy

#b6b1a3 Protanomaly 1% of men, 0.01% of women
#bfada5 Deuteranomaly 6% of men, 0.4% of women
#b6afb2 Tritanomaly 0.01% of the population

#b2afa1 hex color

#b2afa1 Color Information

#b2afa1 Color Conversion

Color Schemes with #b2afa1

Alternatives to #b2afa1

#b2afa1 Preview

Shades and Tints of #b2afa1

Tones of #b2afa1

Color Blindness Simulator