#b4afbd hex color

In a RGB color space, hex #b4afbd is composed of 70.6% red, 68.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 7.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 261.4 degrees, a saturation of 9.6% and a lightness of 71.4%. #b4afbd color hex could be obtained by blending #ffffff with #695f7b. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 69
- B 74
RGB color chart
- C 5
- M 7
- Y 0
- K 26
CMYK color chart

● #b4afbd color description : Grayish violet.

The hexadecimal color #b4afbd has RGB values of R:180, G:175, B:189 and CMYK values of C:0.05, M:0.07, Y:0, K:0.26. Its decimal value is 11841469.

Hex triplet	b4afbd	`#b4afbd`
RGB Decimal	180, 175, 189	`rgb(180,175,189)`
RGB Percent	70.6, 68.6, 74.1	`rgb(70.6%,68.6%,74.1%)`
CMYK	5, 7, 0, 26
HSL	261.4°, 9.6, 71.4	`hsl(261.4,9.6%,71.4%)`
HSV (or HSB)	261.4°, 7.4, 74.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.253, 4.431, -6.498
XYZ	43.336, 44.037, 54.358
xyY	0.306, 0.311, 44.037
CIE-LCH	72.253, 7.865, 304.291
CIE-LUV	72.253, 1.975, -10.507
Hunter-Lab	66.361, 0.436, -2.114
Binary	10110100, 10101111, 10111101

#b4afbd
```
#b4afbd rgb(180,175,189)
```
#b8bdaf
```
#b8bdaf rgb(184,189,175)
```

Complementary Color

#afb1bd
```
#afb1bd rgb(175,177,189)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#bbafbd
```
#bbafbd rgb(187,175,189)
```

Analogous Color

#b1bdaf
```
#b1bdaf rgb(177,189,175)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#bdbbaf
```
#bdbbaf rgb(189,187,175)
```

Split Complementary Color

#afbdb4
```
#afbdb4 rgb(175,189,180)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#bdb4af
```
#bdb4af rgb(189,180,175)
```

Triadic Color

#afb8bd
```
#afb8bd rgb(175,184,189)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#bdb4af
```
#bdb4af rgb(189,180,175)
```
#b8bdaf
```
#b8bdaf rgb(184,189,175)
```

Tetradic Color

#8d859a
```
#8d859a rgb(141,133,154)
```
#9a93a6
```
#9a93a6 rgb(154,147,166)
```
#a7a1b1
```
#a7a1b1 rgb(167,161,177)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#c1bdc9
```
#c1bdc9 rgb(193,189,201)
```
#cecbd4
```
#cecbd4 rgb(206,203,212)
```
#dbd9e0
```
#dbd9e0 rgb(219,217,224)
```

Monochromatic Color

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

#b1afbd
```
#b1afbd rgb(177,175,189)
```
#b2afbd
```
#b2afbd rgb(178,175,189)
```
#b3afbd
```
#b3afbd rgb(179,175,189)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#b5afbd
```
#b5afbd rgb(181,175,189)
```
#b6afbd
```
#b6afbd rgb(182,175,189)
```
#b8afbd
```
#b8afbd rgb(184,175,189)
```

Similar Colors

Text with hexadecimal color #b4afbd

This text has a font color of #b4afbd.

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

#b4afbd background color

This paragraph has a background color of #b4afbd.

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

#b4afbd border color

This element has a border color of #b4afbd.

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

CSS codes

.text {color:#b4afbd;}

.background {background-color:#b4afbd;}

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0f0e11
```
#0f0e11 rgb(15,14,17)
```
#18171b
```
#18171b rgb(24,23,27)
```
#222026
```
#222026 rgb(34,32,38)
```
#2b2831
```
#2b2831 rgb(43,40,49)
```
#35313c
```
#35313c rgb(53,49,60)
```
#3f3a46
```
#3f3a46 rgb(63,58,70)
```
#484351
```
#484351 rgb(72,67,81)
```
#524c5c
```
#524c5c rgb(82,76,92)
```
#5b5567
```
#5b5567 rgb(91,85,103)
```
#655e71
```
#655e71 rgb(101,94,113)
```
#6e667c
```
#6e667c rgb(110,102,124)
```
#786f87
```
#786f87 rgb(120,111,135)
```

Shade Color Variation

#827991
```
#827991 rgb(130,121,145)
```
#8c849a
```
#8c849a rgb(140,132,154)
```
#968fa2
```
#968fa2 rgb(150,143,162)
```
#a09aab
```
#a09aab rgb(160,154,171)
```
#aaa4b4
```
#aaa4b4 rgb(170,164,180)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#bebac6
```
#bebac6 rgb(190,186,198)
```
#c8c4cf
```
#c8c4cf rgb(200,196,207)
```
#d2cfd8
```
#d2cfd8 rgb(210,207,216)
```
#dcdae0
```
#dcdae0 rgb(220,218,224)
```
#e6e5e9
```
#e6e5e9 rgb(230,229,233)
```
#f0eff2
```
#f0eff2 rgb(240,239,242)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

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

#b6b5b7
```
#b6b5b7 rgb(182,181,183)
```
#b4afbd
```
#b4afbd rgb(180,175,189)
```
#b2a9c3
```
#b2a9c3 rgb(178,169,195)
```
#b1a4c8
```
#b1a4c8 rgb(177,164,200)
```
#af9ece
```
#af9ece rgb(175,158,206)
```
#ae99d3
```
#ae99d3 rgb(174,153,211)
```
#ac93d9
```
#ac93d9 rgb(172,147,217)
```
#aa8ddf
```
#aa8ddf rgb(170,141,223)
```
#a988e4
```
#a988e4 rgb(169,136,228)
```
#a782ea
```
#a782ea rgb(167,130,234)
```
#a67cf0
```
#a67cf0 rgb(166,124,240)
```
#a477f5
```
#a477f5 rgb(164,119,245)
```
#a271fb
```
#a271fb rgb(162,113,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b1b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b4c0 Protanopia 1% of men
#c0b0c1 Deuteranopia 1% of men
#b7b3c0 Tritanopia 0.001% of the population

Trichromacy

#b4b2bf Protanomaly 1% of men, 0.01% of women
#bbafbf Deuteranomaly 6% of men, 0.4% of women
#b6b1be Tritanomaly 0.01% of the population

#b4afbd hex color

#b4afbd Color Information

#b4afbd Color Conversion

Color Schemes with #b4afbd

Alternatives to #b4afbd

#b4afbd Preview

Shades and Tints of #b4afbd

Tones of #b4afbd

Color Blindness Simulator