#b2afcd hex color

In a RGB color space, hex #b2afcd is composed of 69.8% red, 68.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 13.2% cyan, 14.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 246 degrees, a saturation of 23.1% and a lightness of 74.5%. #b2afcd color hex could be obtained by blending #ffffff with #655f9b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 69
- B 80
RGB color chart
- C 13
- M 15
- Y 0
- K 20
CMYK color chart

● #b2afcd color description : Grayish blue.

The hexadecimal color #b2afcd has RGB values of R:178, G:175, B:205 and CMYK values of C:0.13, M:0.15, Y:0, K:0.2. Its decimal value is 11710413.

Hex triplet	b2afcd	`#b2afcd`
RGB Decimal	178, 175, 205	`rgb(178,175,205)`
RGB Percent	69.8, 68.6, 80.4	`rgb(69.8%,68.6%,80.4%)`
CMYK	13, 15, 0, 20
HSL	246°, 23.1, 74.5	`hsl(246,23.1%,74.5%)`
HSV (or HSB)	246°, 14.6, 80.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.583, 7.028, -14.8
XYZ	44.707, 44.533, 63.995
xyY	0.292, 0.291, 44.533
CIE-LCH	72.583, 16.384, 295.402
CIE-LUV	72.583, -0.158, -23.886
Hunter-Lab	66.733, 2.804, -10.144
Binary	10110010, 10101111, 11001101

#b2afcd
```
#b2afcd rgb(178,175,205)
```
#cacdaf
```
#cacdaf rgb(202,205,175)
```

Complementary Color

#afbbcd
```
#afbbcd rgb(175,187,205)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#c1afcd
```
#c1afcd rgb(193,175,205)
```

Analogous Color

#bbcdaf
```
#bbcdaf rgb(187,205,175)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#cdc1af
```
#cdc1af rgb(205,193,175)
```

Split Complementary Color

#afcdb2
```
#afcdb2 rgb(175,205,178)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#cdb2af
```
#cdb2af rgb(205,178,175)
```

Triadic Color

#afcacd
```
#afcacd rgb(175,202,205)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#cdb2af
```
#cdb2af rgb(205,178,175)
```
#cacdaf
```
#cacdaf rgb(202,205,175)
```

Tetradic Color

#8580b0
```
#8580b0 rgb(133,128,176)
```
#9490b9
```
#9490b9 rgb(148,144,185)
```
#a39fc3
```
#a39fc3 rgb(163,159,195)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#c1bfd7
```
#c1bfd7 rgb(193,191,215)
```
#d0cee1
```
#d0cee1 rgb(208,206,225)
```
#dfdeea
```
#dfdeea rgb(223,222,234)
```

Monochromatic Color

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

#afb4cd
```
#afb4cd rgb(175,180,205)
```
#afb1cd
```
#afb1cd rgb(175,177,205)
```
#b0afcd
```
#b0afcd rgb(176,175,205)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#b5afcd
```
#b5afcd rgb(181,175,205)
```
#b7afcd
```
#b7afcd rgb(183,175,205)
```
#baafcd
```
#baafcd rgb(186,175,205)
```

Similar Colors

Text with hexadecimal color #b2afcd

This text has a font color of #b2afcd.

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

#b2afcd background color

This paragraph has a background color of #b2afcd.

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

#b2afcd border color

This element has a border color of #b2afcd.

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

CSS codes

.text {color:#b2afcd;}

.background {background-color:#b2afcd;}

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0a11
```
#0b0a11 rgb(11,10,17)
```
#13121d
```
#13121d rgb(19,18,29)
```
#1b1929
```
#1b1929 rgb(27,25,41)
```
#232135
```
#232135 rgb(35,33,53)
```
#2b2941
```
#2b2941 rgb(43,41,65)
```
#33304d
```
#33304d rgb(51,48,77)
```
#3b3859
```
#3b3859 rgb(59,56,89)
```
#433f65
```
#433f65 rgb(67,63,101)
```
#4b4771
```
#4b4771 rgb(75,71,113)
```
#534e7d
```
#534e7d rgb(83,78,125)
```
#5b5689
```
#5b5689 rgb(91,86,137)
```
#635d95
```
#635d95 rgb(99,93,149)
```

Shade Color Variation

#6c67a0
```
#6c67a0 rgb(108,103,160)
```
#7873a7
```
#7873a7 rgb(120,115,167)
```
#847faf
```
#847faf rgb(132,127,175)
```
#8f8bb6
```
#8f8bb6 rgb(143,139,182)
```
#9b97be
```
#9b97be rgb(155,151,190)
```
#a6a3c5
```
#a6a3c5 rgb(166,163,197)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#bebbd5
```
#bebbd5 rgb(190,187,213)
```
#c9c7dc
```
#c9c7dc rgb(201,199,220)
```
#d5d3e4
```
#d5d3e4 rgb(213,211,228)
```
#e0dfeb
```
#e0dfeb rgb(224,223,235)
```
#ecebf3
```
#ecebf3 rgb(236,235,243)
```
#f8f7fa
```
#f8f7fa rgb(248,247,250)
```

Tint Color Variation

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

#bebebe
```
#bebebe rgb(190,190,190)
```
#bab9c3
```
#bab9c3 rgb(186,185,195)
```
#b6b4c8
```
#b6b4c8 rgb(182,180,200)
```
#b2afcd
```
#b2afcd rgb(178,175,205)
```
#aeaad2
```
#aeaad2 rgb(174,170,210)
```
#aaa5d7
```
#aaa5d7 rgb(170,165,215)
```
#a6a0dc
```
#a6a0dc rgb(166,160,220)
```
#a29be1
```
#a29be1 rgb(162,155,225)
```
#9e96e6
```
#9e96e6 rgb(158,150,230)
```
#9a91eb
```
#9a91eb rgb(154,145,235)
```
#968cf0
```
#968cf0 rgb(150,140,240)
```
#9287f5
```
#9287f5 rgb(146,135,245)
```
#8e82fa
```
#8e82fa rgb(142,130,250)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b2b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b4d0 Protanopia 1% of men
#b9b1d0 Deuteranopia 1% of men
#b3b5c2 Tritanopia 0.001% of the population

Trichromacy

#b1b2cf Protanomaly 1% of men, 0.01% of women
#b7b0ce Deuteranomaly 6% of men, 0.4% of women
#b2b3c6 Tritanomaly 0.01% of the population

#b2afcd hex color

#b2afcd Color Information

#b2afcd Color Conversion

Color Schemes with #b2afcd

Alternatives to #b2afcd

#b2afcd Preview

Shades and Tints of #b2afcd

Tones of #b2afcd

Color Blindness Simulator