#b2afcf hex color

In a RGB color space, hex #b2afcf is composed of 69.8% red, 68.6% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 14% cyan, 15.5% magenta, 0% yellow and 18.8% black. It has a hue angle of 245.6 degrees, a saturation of 25% and a lightness of 74.9%. #b2afcf color hex could be obtained by blending #ffffff with #655f9f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 69
- B 81
RGB color chart
- C 14
- M 15
- Y 0
- K 19
CMYK color chart

● #b2afcf color description : Grayish blue.

The hexadecimal color #b2afcf has RGB values of R:178, G:175, B:207 and CMYK values of C:0.14, M:0.15, Y:0, K:0.19. Its decimal value is 11710415.

Hex triplet	b2afcf	`#b2afcf`
RGB Decimal	178, 175, 207	`rgb(178,175,207)`
RGB Percent	69.8, 68.6, 81.2	`rgb(69.8%,68.6%,81.2%)`
CMYK	14, 15, 0, 19
HSL	245.6°, 25, 74.9	`hsl(245.6,25%,74.9%)`
HSV (or HSB)	245.6°, 15.5, 81.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.647, 7.454, -15.798
XYZ	44.95, 44.63, 65.274
xyY	0.29, 0.288, 44.63
CIE-LCH	72.647, 17.469, 295.259
CIE-LUV	72.647, -0.286, -25.546
Hunter-Lab	66.805, 3.195, -11.167
Binary	10110010, 10101111, 11001111

#b2afcf
```
#b2afcf rgb(178,175,207)
```
#cccfaf
```
#cccfaf rgb(204,207,175)
```

Complementary Color

#afbccf
```
#afbccf rgb(175,188,207)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#c2afcf
```
#c2afcf rgb(194,175,207)
```

Analogous Color

#bccfaf
```
#bccfaf rgb(188,207,175)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#cfc2af
```
#cfc2af rgb(207,194,175)
```

Split Complementary Color

#afcfb2
```
#afcfb2 rgb(175,207,178)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#cfb2af
```
#cfb2af rgb(207,178,175)
```

Triadic Color

#afcccf
```
#afcccf rgb(175,204,207)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#cfb2af
```
#cfb2af rgb(207,178,175)
```
#cccfaf
```
#cccfaf rgb(204,207,175)
```

Tetradic Color

#847fb2
```
#847fb2 rgb(132,127,178)
```
#938fbc
```
#938fbc rgb(147,143,188)
```
#a39fc5
```
#a39fc5 rgb(163,159,197)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#c1bfd9
```
#c1bfd9 rgb(193,191,217)
```
#d1cfe2
```
#d1cfe2 rgb(209,207,226)
```
#e0dfec
```
#e0dfec rgb(224,223,236)
```

Monochromatic Color

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

#afb4cf
```
#afb4cf rgb(175,180,207)
```
#afb1cf
```
#afb1cf rgb(175,177,207)
```
#afafcf
```
#afafcf rgb(175,175,207)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#b5afcf
```
#b5afcf rgb(181,175,207)
```
#b7afcf
```
#b7afcf rgb(183,175,207)
```
#baafcf
```
#baafcf rgb(186,175,207)
```

Similar Colors

Text with hexadecimal color #b2afcf

This text has a font color of #b2afcf.

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

#b2afcf background color

This paragraph has a background color of #b2afcf.

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

#b2afcf border color

This element has a border color of #b2afcf.

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

CSS codes

.text {color:#b2afcf;}

.background {background-color:#b2afcf;}

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0c0b12
```
#0c0b12 rgb(12,11,18)
```
#13121e
```
#13121e rgb(19,18,30)
```
#1b1a2b
```
#1b1a2b rgb(27,26,43)
```
#232137
```
#232137 rgb(35,33,55)
```
#2b2843
```
#2b2843 rgb(43,40,67)
```
#33304f
```
#33304f rgb(51,48,79)
```
#3a375c
```
#3a375c rgb(58,55,92)
```
#423e68
```
#423e68 rgb(66,62,104)
```
#4a4674
```
#4a4674 rgb(74,70,116)
```
#524d80
```
#524d80 rgb(82,77,128)
```
#5a548d
```
#5a548d rgb(90,84,141)
```
#615c99
```
#615c99 rgb(97,92,153)
```

Shade Color Variation

#6b65a3
```
#6b65a3 rgb(107,101,163)
```
#7772aa
```
#7772aa rgb(119,114,170)
```
#837eb2
```
#837eb2 rgb(131,126,178)
```
#8f8ab9
```
#8f8ab9 rgb(143,138,185)
```
#9a96c0
```
#9a96c0 rgb(154,150,192)
```
#a6a3c8
```
#a6a3c8 rgb(166,163,200)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#bebbd6
```
#bebbd6 rgb(190,187,214)
```
#cac8de
```
#cac8de rgb(202,200,222)
```
#d5d4e5
```
#d5d4e5 rgb(213,212,229)
```
#e1e0ec
```
#e1e0ec rgb(225,224,236)
```
#edecf4
```
#edecf4 rgb(237,236,244)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#bebec0
```
#bebec0 rgb(190,190,192)
```
#bab9c5
```
#bab9c5 rgb(186,185,197)
```
#b6b4ca
```
#b6b4ca rgb(182,180,202)
```
#b2afcf
```
#b2afcf rgb(178,175,207)
```
#aeaad4
```
#aeaad4 rgb(174,170,212)
```
#aaa5d9
```
#aaa5d9 rgb(170,165,217)
```
#a6a0de
```
#a6a0de rgb(166,160,222)
```
#a29be3
```
#a29be3 rgb(162,155,227)
```
#9e96e8
```
#9e96e8 rgb(158,150,232)
```
#9a91ed
```
#9a91ed rgb(154,145,237)
```
#968df1
```
#968df1 rgb(150,141,241)
```
#9288f6
```
#9288f6 rgb(146,136,246)
```
#8e83fb
```
#8e83fb rgb(142,131,251)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b4b3b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b4d2 Protanopia 1% of men
#b9b2d1 Deuteranopia 1% of men
#b2b5c2 Tritanopia 0.001% of the population

Trichromacy

#b0b2d1 Protanomaly 1% of men, 0.01% of women
#b6b1d0 Deuteranomaly 6% of men, 0.4% of women
#b2b3c7 Tritanomaly 0.01% of the population

#b2afcf hex color

#b2afcf Color Information

#b2afcf Color Conversion

Color Schemes with #b2afcf

Alternatives to #b2afcf

#b2afcf Preview

Shades and Tints of #b2afcf

Tones of #b2afcf

Color Blindness Simulator