#b4afbf hex color

In a RGB color space, hex #b4afbf is composed of 70.6% red, 68.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 5.8% cyan, 8.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 258.8 degrees, a saturation of 11.1% and a lightness of 71.8%. #b4afbf color hex could be obtained by blending #ffffff with #695f7f. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 69
- B 75
RGB color chart
- C 6
- M 8
- Y 0
- K 25
CMYK color chart

● #b4afbf color description : Grayish violet.

The hexadecimal color #b4afbf has RGB values of R:180, G:175, B:191 and CMYK values of C:0.06, M:0.08, Y:0, K:0.25. Its decimal value is 11841471.

Hex triplet	b4afbf	`#b4afbf`
RGB Decimal	180, 175, 191	`rgb(180,175,191)`
RGB Percent	70.6, 68.6, 74.9	`rgb(70.6%,68.6%,74.9%)`
CMYK	6, 8, 0, 25
HSL	258.8°, 11.1, 71.8	`hsl(258.8,11.1%,71.8%)`
HSV (or HSB)	258.8°, 8.4, 74.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.312, 4.826, -7.51
XYZ	43.555, 44.125, 55.51
xyY	0.304, 0.308, 44.125
CIE-LCH	72.312, 8.927, 302.724
CIE-LUV	72.312, 1.845, -12.124
Hunter-Lab	66.427, 0.793, -3.047
Binary	10110100, 10101111, 10111111

#b4afbf
```
#b4afbf rgb(180,175,191)
```
#babfaf
```
#babfaf rgb(186,191,175)
```

Complementary Color

#afb2bf
```
#afb2bf rgb(175,178,191)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#bcafbf
```
#bcafbf rgb(188,175,191)
```

Analogous Color

#b2bfaf
```
#b2bfaf rgb(178,191,175)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#bfbcaf
```
#bfbcaf rgb(191,188,175)
```

Split Complementary Color

#afbfb4
```
#afbfb4 rgb(175,191,180)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#bfb4af
```
#bfb4af rgb(191,180,175)
```

Triadic Color

#afbabf
```
#afbabf rgb(175,186,191)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#bfb4af
```
#bfb4af rgb(191,180,175)
```
#babfaf
```
#babfaf rgb(186,191,175)
```

Tetradic Color

#8c859d
```
#8c859d rgb(140,133,157)
```
#9993a8
```
#9993a8 rgb(153,147,168)
```
#a7a1b4
```
#a7a1b4 rgb(167,161,180)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#c1bdca
```
#c1bdca rgb(193,189,202)
```
#cfcbd6
```
#cfcbd6 rgb(207,203,214)
```
#dcdae1
```
#dcdae1 rgb(220,218,225)
```

Monochromatic Color

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

#b0afbf
```
#b0afbf rgb(176,175,191)
```
#b1afbf
```
#b1afbf rgb(177,175,191)
```
#b3afbf
```
#b3afbf rgb(179,175,191)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#b5afbf
```
#b5afbf rgb(181,175,191)
```
#b7afbf
```
#b7afbf rgb(183,175,191)
```
#b8afbf
```
#b8afbf rgb(184,175,191)
```

Similar Colors

Text with hexadecimal color #b4afbf

This text has a font color of #b4afbf.

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

#b4afbf background color

This paragraph has a background color of #b4afbf.

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

#b4afbf border color

This element has a border color of #b4afbf.

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

CSS codes

.text {color:#b4afbf;}

.background {background-color:#b4afbf;}

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

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

#060607
```
#060607 rgb(6,6,7)
```
#100e12
```
#100e12 rgb(16,14,18)
```
#19171d
```
#19171d rgb(25,23,29)
```
#222028
```
#222028 rgb(34,32,40)
```
#2c2933
```
#2c2933 rgb(44,41,51)
```
#35313e
```
#35313e rgb(53,49,62)
```
#3f3a49
```
#3f3a49 rgb(63,58,73)
```
#484353
```
#484353 rgb(72,67,83)
```
#514b5e
```
#514b5e rgb(81,75,94)
```
#5b5469
```
#5b5469 rgb(91,84,105)
```
#645d74
```
#645d74 rgb(100,93,116)
```
#6e667f
```
#6e667f rgb(110,102,127)
```
#776e8a
```
#776e8a rgb(119,110,138)
```

Shade Color Variation

#817993
```
#817993 rgb(129,121,147)
```
#8b839c
```
#8b839c rgb(139,131,156)
```
#958ea5
```
#958ea5 rgb(149,142,165)
```
#a099ae
```
#a099ae rgb(160,153,174)
```
#aaa4b6
```
#aaa4b6 rgb(170,164,182)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#bebac8
```
#bebac8 rgb(190,186,200)
```
#c8c5d0
```
#c8c5d0 rgb(200,197,208)
```
#d3d0d9
```
#d3d0d9 rgb(211,208,217)
```
#dddbe2
```
#dddbe2 rgb(221,219,226)
```
#e7e5eb
```
#e7e5eb rgb(231,229,235)
```
#f1f0f3
```
#f1f0f3 rgb(241,240,243)
```
#fcfbfc
```
#fcfbfc rgb(252,251,252)
```

Tint Color Variation

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

#b6b5b9
```
#b6b5b9 rgb(182,181,185)
```
#b4afbf
```
#b4afbf rgb(180,175,191)
```
#b2a9c5
```
#b2a9c5 rgb(178,169,197)
```
#b0a4ca
```
#b0a4ca rgb(176,164,202)
```
#ae9ed0
```
#ae9ed0 rgb(174,158,208)
```
#ac99d5
```
#ac99d5 rgb(172,153,213)
```
#aa93db
```
#aa93db rgb(170,147,219)
```
#a88ee0
```
#a88ee0 rgb(168,142,224)
```
#a588e6
```
#a588e6 rgb(165,136,230)
```
#a383eb
```
#a383eb rgb(163,131,235)
```
#a17df1
```
#a17df1 rgb(161,125,241)
```
#9f78f6
```
#9f78f6 rgb(159,120,246)
```
#9d72fc
```
#9d72fc rgb(157,114,252)
```

Tone Color Variation

Below, you can see how #b4afbf 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
#b2b1b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b4c2 Protanopia 1% of men
#bfb0c3 Deuteranopia 1% of men
#b7b3c0 Tritanopia 0.001% of the population

Trichromacy

#b4b2c1 Protanomaly 1% of men, 0.01% of women
#bbb0c1 Deuteranomaly 6% of men, 0.4% of women
#b6b1bf Tritanomaly 0.01% of the population

#b4afbf hex color

#b4afbf Color Information

#b4afbf Color Conversion

Color Schemes with #b4afbf

Alternatives to #b4afbf

#b4afbf Preview

Shades and Tints of #b4afbf

Tones of #b4afbf

Color Blindness Simulator