#b2af9f hex color

In a RGB color space, hex #b2af9f is composed of 69.8% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 10.7% yellow and 30.2% black. It has a hue angle of 50.5 degrees, a saturation of 11% and a lightness of 66.1%. #b2af9f color hex could be obtained by blending #ffffff with #655f3f. 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

● #b2af9f color description : Dark grayish yellow.

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

Hex triplet	b2af9f	`#b2af9f`
RGB Decimal	178, 175, 159	`rgb(178,175,159)`
RGB Percent	69.8, 68.6, 62.4	`rgb(69.8%,68.6%,62.4%)`
CMYK	0, 2, 11, 30
HSL	50.5°, 11, 66.1	`hsl(50.5,11%,66.1%)`
HSV (or HSB)	50.5°, 10.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.302, -1.773, 8.579
XYZ	39.947, 42.628, 38.923
xyY	0.329, 0.351, 42.628
CIE-LCH	71.302, 8.76, 101.676
CIE-LUV	71.302, 2.654, 12.567
Hunter-Lab	65.29, -5.045, 10.358
Binary	10110010, 10101111, 10011111

#b2af9f
```
#b2af9f rgb(178,175,159)
```
#9fa2b2
```
#9fa2b2 rgb(159,162,178)
```

Complementary Color

#b2a69f
```
#b2a69f rgb(178,166,159)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#acb29f
```
#acb29f rgb(172,178,159)
```

Analogous Color

#a69fb2
```
#a69fb2 rgb(166,159,178)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#9facb2
```
#9facb2 rgb(159,172,178)
```

Split Complementary Color

#af9fb2
```
#af9fb2 rgb(175,159,178)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#9fb2af
```
#9fb2af rgb(159,178,175)
```

Triadic Color

#b29fa2
```
#b29fa2 rgb(178,159,162)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#9fb2af
```
#9fb2af rgb(159,178,175)
```
#9fa2b2
```
#9fa2b2 rgb(159,162,178)
```

Tetradic Color

#908c75
```
#908c75 rgb(144,140,117)
```
#9b9783
```
#9b9783 rgb(155,151,131)
```
#a7a391
```
#a7a391 rgb(167,163,145)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#bdbbad
```
#bdbbad rgb(189,187,173)
```
#c9c7bb
```
#c9c7bb rgb(201,199,187)
```
#d4d2c9
```
#d4d2c9 rgb(212,210,201)
```

Monochromatic Color

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

#b2aa9f
```
#b2aa9f rgb(178,170,159)
```
#b2ac9f
```
#b2ac9f rgb(178,172,159)
```
#b2ad9f
```
#b2ad9f rgb(178,173,159)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#b2b19f
```
#b2b19f rgb(178,177,159)
```
#b2b29f
```
#b2b29f rgb(178,178,159)
```
#b0b29f
```
#b0b29f rgb(176,178,159)
```

Similar Colors

Text with hexadecimal color #b2af9f

This text has a font color of #b2af9f.

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

#b2af9f background color

This paragraph has a background color of #b2af9f.

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

#b2af9f border color

This element has a border color of #b2af9f.

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

CSS codes

.text {color:#b2af9f;}

.background {background-color:#b2af9f;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0d0c0a
```
#0d0c0a rgb(13,12,10)
```
#181713
```
#181713 rgb(24,23,19)
```
#23221c
```
#23221c rgb(35,34,28)
```
#2e2c24
```
#2e2c24 rgb(46,44,36)
```
#38372d
```
#38372d rgb(56,55,45)
```
#434136
```
#434136 rgb(67,65,54)
```
#4e4c3f
```
#4e4c3f rgb(78,76,63)
```
#595647
```
#595647 rgb(89,86,71)
```
#646150
```
#646150 rgb(100,97,80)
```
#6f6b59
```
#6f6b59 rgb(111,107,89)
```
#7a7662
```
#7a7662 rgb(122,118,98)
```
#85806a
```
#85806a rgb(133,128,106)
```

Shade Color Variation

#8f8b73
```
#8f8b73 rgb(143,139,115)
```
#98947e
```
#98947e rgb(152,148,126)
```
#a19d89
```
#a19d89 rgb(161,157,137)
```
#a9a694
```
#a9a694 rgb(169,166,148)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#bbb8aa
```
#bbb8aa rgb(187,184,170)
```
#c3c1b5
```
#c3c1b5 rgb(195,193,181)
```
#cccac0
```
#cccac0 rgb(204,202,192)
```
#d5d3cb
```
#d5d3cb rgb(213,211,203)
```
#dedcd5
```
#dedcd5 rgb(222,220,213)
```
#e6e5e0
```
#e6e5e0 rgb(230,229,224)
```
#efeeeb
```
#efeeeb rgb(239,238,235)
```
#f8f8f6
```
#f8f8f6 rgb(248,248,246)
```

Tint Color Variation

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

#abaaa6
```
#abaaa6 rgb(171,170,166)
```
#b2af9f
```
#b2af9f rgb(178,175,159)
```
#b9b498
```
#b9b498 rgb(185,180,152)
```
#bfb892
```
#bfb892 rgb(191,184,146)
```
#c6bd8b
```
#c6bd8b rgb(198,189,139)
```
#cdc184
```
#cdc184 rgb(205,193,132)
```
#d3c67e
```
#d3c67e rgb(211,198,126)
```
#daca77
```
#daca77 rgb(218,202,119)
```
#e1cf70
```
#e1cf70 rgb(225,207,112)
```
#e7d36a
```
#e7d36a rgb(231,211,106)
```
#eed863
```
#eed863 rgb(238,216,99)
```
#f5dd5c
```
#f5dd5c rgb(245,221,92)
```
#fbe156
```
#fbe156 rgb(251,225,86)
```

Tone Color Variation

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

#b9b2a3 Protanopia 1% of men
#c8aca5 Deuteranopia 1% of men
#b9afbc Tritanopia 0.001% of the population

Trichromacy

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

#b2af9f hex color

#b2af9f Color Information

#b2af9f Color Conversion

Color Schemes with #b2af9f

Alternatives to #b2af9f

#b2af9f Preview

Shades and Tints of #b2af9f

Tones of #b2af9f

Color Blindness Simulator