#b4afbb hex color

In a RGB color space, hex #b4afbb is composed of 70.6% red, 68.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 6.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 265 degrees, a saturation of 8.1% and a lightness of 71%. #b4afbb color hex could be obtained by blending #ffffff with #695f77. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 69
- B 73
RGB color chart
- C 4
- M 6
- Y 0
- K 27
CMYK color chart

● #b4afbb color description : Grayish violet.

The hexadecimal color #b4afbb has RGB values of R:180, G:175, B:187 and CMYK values of C:0.04, M:0.06, Y:0, K:0.27. Its decimal value is 11841467.

Hex triplet	b4afbb	`#b4afbb`
RGB Decimal	180, 175, 187	`rgb(180,175,187)`
RGB Percent	70.6, 68.6, 73.3	`rgb(70.6%,68.6%,73.3%)`
CMYK	4, 6, 0, 27
HSL	265°, 8.1, 71	`hsl(265,8.1%,71%)`
HSV (or HSB)	265°, 6.4, 73.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.196, 4.04, -5.485
XYZ	43.12, 43.951, 53.223
xyY	0.307, 0.313, 43.951
CIE-LCH	72.196, 6.812, 306.377
CIE-LUV	72.196, 2.104, -8.897
Hunter-Lab	66.296, 0.084, -1.192
Binary	10110100, 10101111, 10111011

#b4afbb
```
#b4afbb rgb(180,175,187)
```
#b6bbaf
```
#b6bbaf rgb(182,187,175)
```

Complementary Color

#afb0bb
```
#afb0bb rgb(175,176,187)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#baafbb
```
#baafbb rgb(186,175,187)
```

Analogous Color

#b0bbaf
```
#b0bbaf rgb(176,187,175)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#bbbaaf
```
#bbbaaf rgb(187,186,175)
```

Split Complementary Color

#afbbb4
```
#afbbb4 rgb(175,187,180)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#bbb4af
```
#bbb4af rgb(187,180,175)
```

Triadic Color

#afb6bb
```
#afb6bb rgb(175,182,187)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#bbb4af
```
#bbb4af rgb(187,180,175)
```
#b6bbaf
```
#b6bbaf rgb(182,187,175)
```

Tetradic Color

#8d8698
```
#8d8698 rgb(141,134,152)
```
#9a93a4
```
#9a93a4 rgb(154,147,164)
```
#a7a1af
```
#a7a1af rgb(167,161,175)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#c1bdc7
```
#c1bdc7 rgb(193,189,199)
```
#cecbd2
```
#cecbd2 rgb(206,203,210)
```
#dbd8de
```
#dbd8de rgb(219,216,222)
```

Monochromatic Color

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

#b1afbb
```
#b1afbb rgb(177,175,187)
```
#b2afbb
```
#b2afbb rgb(178,175,187)
```
#b3afbb
```
#b3afbb rgb(179,175,187)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#b5afbb
```
#b5afbb rgb(181,175,187)
```
#b6afbb
```
#b6afbb rgb(182,175,187)
```
#b7afbb
```
#b7afbb rgb(183,175,187)
```

Similar Colors

Text with hexadecimal color #b4afbb

This text has a font color of #b4afbb.

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

#b4afbb background color

This paragraph has a background color of #b4afbb.

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

#b4afbb border color

This element has a border color of #b4afbb.

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

CSS codes

.text {color:#b4afbb;}

.background {background-color:#b4afbb;}

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0e0d0f
```
#0e0d0f rgb(14,13,15)
```
#18161a
```
#18161a rgb(24,22,26)
```
#211f25
```
#211f25 rgb(33,31,37)
```
#2b282f
```
#2b282f rgb(43,40,47)
```
#35313a
```
#35313a rgb(53,49,58)
```
#3e3a44
```
#3e3a44 rgb(62,58,68)
```
#48434f
```
#48434f rgb(72,67,79)
```
#524c5a
```
#524c5a rgb(82,76,90)
```
#5b5564
```
#5b5564 rgb(91,85,100)
```
#655e6f
```
#655e6f rgb(101,94,111)
```
#6f6779
```
#6f6779 rgb(111,103,121)
```
#797084
```
#797084 rgb(121,112,132)
```

Shade Color Variation

#827a8e
```
#827a8e rgb(130,122,142)
```
#8c8597
```
#8c8597 rgb(140,133,151)
```
#968fa0
```
#968fa0 rgb(150,143,160)
```
#a09aa9
```
#a09aa9 rgb(160,154,169)
```
#aaa4b2
```
#aaa4b2 rgb(170,164,178)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#bebac4
```
#bebac4 rgb(190,186,196)
```
#c8c4cd
```
#c8c4cd rgb(200,196,205)
```
#d2cfd6
```
#d2cfd6 rgb(210,207,214)
```
#dcd9df
```
#dcd9df rgb(220,217,223)
```
#e6e4e8
```
#e6e4e8 rgb(230,228,232)
```
#f0eff1
```
#f0eff1 rgb(240,239,241)
```
#faf9fa
```
#faf9fa rgb(250,249,250)
```

Tint Color Variation

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

#b5b5b5
```
#b5b5b5 rgb(181,181,181)
```
#b4afbb
```
#b4afbb rgb(180,175,187)
```
#b3a9c1
```
#b3a9c1 rgb(179,169,193)
```
#b2a4c6
```
#b2a4c6 rgb(178,164,198)
```
#b19ecc
```
#b19ecc rgb(177,158,204)
```
#b098d2
```
#b098d2 rgb(176,152,210)
```
#af93d7
```
#af93d7 rgb(175,147,215)
```
#ae8ddd
```
#ae8ddd rgb(174,141,221)
```
#ad87e3
```
#ad87e3 rgb(173,135,227)
```
#ac81e9
```
#ac81e9 rgb(172,129,233)
```
#ab7cee
```
#ab7cee rgb(171,124,238)
```
#ab76f4
```
#ab76f4 rgb(171,118,244)
```
#aa70fa
```
#aa70fa rgb(170,112,250)
```

Tone Color Variation

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

#b5b3be Protanopia 1% of men
#c0b0bf Deuteranopia 1% of men
#b8b2bf Tritanopia 0.001% of the population

Trichromacy

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

#b4afbb hex color

#b4afbb Color Information

#b4afbb Color Conversion

Color Schemes with #b4afbb

Alternatives to #b4afbb

#b4afbb Preview

Shades and Tints of #b4afbb

Tones of #b4afbb

Color Blindness Simulator