#b4afbc hex color

In a RGB color space, hex #b4afbc is composed of 70.6% red, 68.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 6.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 263.1 degrees, a saturation of 8.8% and a lightness of 71.2%. #b4afbc color hex could be obtained by blending #ffffff with #695f79. Closest websafe color is: #cc99cc.

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

● #b4afbc color description : Grayish violet.

The hexadecimal color #b4afbc has RGB values of R:180, G:175, B:188 and CMYK values of C:0.04, M:0.07, Y:0, K:0.26. Its decimal value is 11841468.

Hex triplet	b4afbc	`#b4afbc`
RGB Decimal	180, 175, 188	`rgb(180,175,188)`
RGB Percent	70.6, 68.6, 73.7	`rgb(70.6%,68.6%,73.7%)`
CMYK	4, 7, 0, 26
HSL	263.1°, 8.8, 71.2	`hsl(263.1,8.8%,71.2%)`
HSV (or HSB)	263.1°, 6.9, 73.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.225, 4.235, -5.992
XYZ	43.228, 43.994, 53.789
xyY	0.307, 0.312, 43.994
CIE-LCH	72.225, 7.337, 305.256
CIE-LUV	72.225, 2.039, -9.701
Hunter-Lab	66.328, 0.259, -1.651
Binary	10110100, 10101111, 10111100

#b4afbc
```
#b4afbc rgb(180,175,188)
```
#b7bcaf
```
#b7bcaf rgb(183,188,175)
```

Complementary Color

#afb1bc
```
#afb1bc rgb(175,177,188)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#bbafbc
```
#bbafbc rgb(187,175,188)
```

Analogous Color

#b1bcaf
```
#b1bcaf rgb(177,188,175)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#bcbbaf
```
#bcbbaf rgb(188,187,175)
```

Split Complementary Color

#afbcb4
```
#afbcb4 rgb(175,188,180)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#bcb4af
```
#bcb4af rgb(188,180,175)
```

Triadic Color

#afb7bc
```
#afb7bc rgb(175,183,188)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#bcb4af
```
#bcb4af rgb(188,180,175)
```
#b7bcaf
```
#b7bcaf rgb(183,188,175)
```

Tetradic Color

#8d8599
```
#8d8599 rgb(141,133,153)
```
#9a93a5
```
#9a93a5 rgb(154,147,165)
```
#a7a1b0
```
#a7a1b0 rgb(167,161,176)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#c1bdc8
```
#c1bdc8 rgb(193,189,200)
```
#cecbd3
```
#cecbd3 rgb(206,203,211)
```
#dbd9df
```
#dbd9df rgb(219,217,223)
```

Monochromatic Color

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

#b1afbc
```
#b1afbc rgb(177,175,188)
```
#b2afbc
```
#b2afbc rgb(178,175,188)
```
#b3afbc
```
#b3afbc rgb(179,175,188)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#b5afbc
```
#b5afbc rgb(181,175,188)
```
#b6afbc
```
#b6afbc rgb(182,175,188)
```
#b7afbc
```
#b7afbc rgb(183,175,188)
```

Similar Colors

Text with hexadecimal color #b4afbc

This text has a font color of #b4afbc.

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

#b4afbc background color

This paragraph has a background color of #b4afbc.

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

#b4afbc border color

This element has a border color of #b4afbc.

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

CSS codes

.text {color:#b4afbc;}

.background {background-color:#b4afbc;}

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

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

#050505
```
#050505 rgb(5,5,5)
```
#0e0d10
```
#0e0d10 rgb(14,13,16)
```
#18161b
```
#18161b rgb(24,22,27)
```
#221f25
```
#221f25 rgb(34,31,37)
```
#2b2830
```
#2b2830 rgb(43,40,48)
```
#35313b
```
#35313b rgb(53,49,59)
```
#3f3a45
```
#3f3a45 rgb(63,58,69)
```
#484350
```
#484350 rgb(72,67,80)
```
#524c5b
```
#524c5b rgb(82,76,91)
```
#5b5565
```
#5b5565 rgb(91,85,101)
```
#655e70
```
#655e70 rgb(101,94,112)
```
#6f677b
```
#6f677b rgb(111,103,123)
```
#787086
```
#787086 rgb(120,112,134)
```

Shade Color Variation

#827a8f
```
#827a8f rgb(130,122,143)
```
#8c8498
```
#8c8498 rgb(140,132,152)
```
#968fa1
```
#968fa1 rgb(150,143,161)
```
#a09aaa
```
#a09aaa rgb(160,154,170)
```
#aaa4b3
```
#aaa4b3 rgb(170,164,179)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#bebac5
```
#bebac5 rgb(190,186,197)
```
#c8c4ce
```
#c8c4ce rgb(200,196,206)
```
#d2cfd7
```
#d2cfd7 rgb(210,207,215)
```
#dcdae0
```
#dcdae0 rgb(220,218,224)
```
#e6e4e9
```
#e6e4e9 rgb(230,228,233)
```
#f0eff2
```
#f0eff2 rgb(240,239,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#b5b5b6
```
#b5b5b6 rgb(181,181,182)
```
#b4afbc
```
#b4afbc rgb(180,175,188)
```
#b3a9c2
```
#b3a9c2 rgb(179,169,194)
```
#b1a4c7
```
#b1a4c7 rgb(177,164,199)
```
#b09ecd
```
#b09ecd rgb(176,158,205)
```
#af98d3
```
#af98d3 rgb(175,152,211)
```
#ad93d8
```
#ad93d8 rgb(173,147,216)
```
#ac8dde
```
#ac8dde rgb(172,141,222)
```
#ab87e4
```
#ab87e4 rgb(171,135,228)
```
#aa82e9
```
#aa82e9 rgb(170,130,233)
```
#a87cef
```
#a87cef rgb(168,124,239)
```
#a776f5
```
#a776f5 rgb(167,118,245)
```
#a671fa
```
#a671fa rgb(166,113,250)
```

Tone Color Variation

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

#b4b4bf Protanopia 1% of men
#c0b0c0 Deuteranopia 1% of men
#b7b3bf Tritanopia 0.001% of the population

Trichromacy

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

#b4afbc hex color

#b4afbc Color Information

#b4afbc Color Conversion

Color Schemes with #b4afbc

Alternatives to #b4afbc

#b4afbc Preview

Shades and Tints of #b4afbc

Tones of #b4afbc

Color Blindness Simulator