#b2afce hex color

In a RGB color space, hex #b2afce is composed of 69.8% red, 68.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 15% magenta, 0% yellow and 19.2% black. It has a hue angle of 245.8 degrees, a saturation of 24% and a lightness of 74.7%. #b2afce color hex could be obtained by blending #ffffff with #655f9d. 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

● #b2afce color description : Grayish blue.

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

Hex triplet	b2afce	`#b2afce`
RGB Decimal	178, 175, 206	`rgb(178,175,206)`
RGB Percent	69.8, 68.6, 80.8	`rgb(69.8%,68.6%,80.8%)`
CMYK	14, 15, 0, 19
HSL	245.8°, 24, 74.7	`hsl(245.8,24%,74.7%)`
HSV (or HSB)	245.8°, 15, 80.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.615, 7.241, -15.299
XYZ	44.829, 44.581, 64.632
xyY	0.291, 0.289, 44.581
CIE-LCH	72.615, 16.926, 295.327
CIE-LUV	72.615, -0.222, -24.716
Hunter-Lab	66.769, 2.999, -10.654
Binary	10110010, 10101111, 11001110

#b2afce
```
#b2afce rgb(178,175,206)
```
#cbceaf
```
#cbceaf rgb(203,206,175)
```

Complementary Color

#afbcce
```
#afbcce rgb(175,188,206)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#c2afce
```
#c2afce rgb(194,175,206)
```

Analogous Color

#bcceaf
```
#bcceaf rgb(188,206,175)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#cec2af
```
#cec2af rgb(206,194,175)
```

Split Complementary Color

#afceb2
```
#afceb2 rgb(175,206,178)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#ceb2af
```
#ceb2af rgb(206,178,175)
```

Triadic Color

#afcbce
```
#afcbce rgb(175,203,206)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#ceb2af
```
#ceb2af rgb(206,178,175)
```
#cbceaf
```
#cbceaf rgb(203,206,175)
```

Tetradic Color

#8480b1
```
#8480b1 rgb(132,128,177)
```
#948fbb
```
#948fbb rgb(148,143,187)
```
#a39fc4
```
#a39fc4 rgb(163,159,196)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#c1bfd8
```
#c1bfd8 rgb(193,191,216)
```
#d0cfe1
```
#d0cfe1 rgb(208,207,225)
```
#e0deeb
```
#e0deeb rgb(224,222,235)
```

Monochromatic Color

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

#afb4ce
```
#afb4ce rgb(175,180,206)
```
#afb1ce
```
#afb1ce rgb(175,177,206)
```
#afafce
```
#afafce rgb(175,175,206)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#b5afce
```
#b5afce rgb(181,175,206)
```
#b7afce
```
#b7afce rgb(183,175,206)
```
#baafce
```
#baafce rgb(186,175,206)
```

Similar Colors

Text with hexadecimal color #b2afce

This text has a font color of #b2afce.

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

#b2afce background color

This paragraph has a background color of #b2afce.

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

#b2afce border color

This element has a border color of #b2afce.

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

CSS codes

.text {color:#b2afce;}

.background {background-color:#b2afce;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0b11
```
#0b0b11 rgb(11,11,17)
```
#13121d
```
#13121d rgb(19,18,29)
```
#1b1a2a
```
#1b1a2a rgb(27,26,42)
```
#232136
```
#232136 rgb(35,33,54)
```
#2b2842
```
#2b2842 rgb(43,40,66)
```
#33304e
```
#33304e rgb(51,48,78)
```
#3b375a
```
#3b375a rgb(59,55,90)
```
#433f66
```
#433f66 rgb(67,63,102)
```
#4b4673
```
#4b4673 rgb(75,70,115)
```
#524e7f
```
#524e7f rgb(82,78,127)
```
#5a558b
```
#5a558b rgb(90,85,139)
```
#625d97
```
#625d97 rgb(98,93,151)
```

Shade Color Variation

#6c66a1
```
#6c66a1 rgb(108,102,161)
```
#7772a9
```
#7772a9 rgb(119,114,169)
```
#837eb0
```
#837eb0 rgb(131,126,176)
```
#8f8bb8
```
#8f8bb8 rgb(143,139,184)
```
#9b97bf
```
#9b97bf rgb(155,151,191)
```
#a6a3c7
```
#a6a3c7 rgb(166,163,199)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#bebbd5
```
#bebbd5 rgb(190,187,213)
```
#c9c7dd
```
#c9c7dd rgb(201,199,221)
```
#d5d3e4
```
#d5d3e4 rgb(213,211,228)
```
#e1e0ec
```
#e1e0ec rgb(225,224,236)
```
#edecf3
```
#edecf3 rgb(237,236,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#bebebf
```
#bebebf rgb(190,190,191)
```
#bab9c4
```
#bab9c4 rgb(186,185,196)
```
#b6b4c9
```
#b6b4c9 rgb(182,180,201)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#aeaad3
```
#aeaad3 rgb(174,170,211)
```
#aaa5d8
```
#aaa5d8 rgb(170,165,216)
```
#a6a0dd
```
#a6a0dd rgb(166,160,221)
```
#a29be2
```
#a29be2 rgb(162,155,226)
```
#9e96e7
```
#9e96e7 rgb(158,150,231)
```
#9a91ec
```
#9a91ec rgb(154,145,236)
```
#968cf1
```
#968cf1 rgb(150,140,241)
```
#9287f6
```
#9287f6 rgb(146,135,246)
```
#8e82fb
```
#8e82fb rgb(142,130,251)
```

Tone Color Variation

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

#b0b4d1 Protanopia 1% of men
#b9b2d0 Deuteranopia 1% of men
#b3b5c2 Tritanopia 0.001% of the population

Trichromacy

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

#b2afce hex color

#b2afce Color Information

#b2afce Color Conversion

Color Schemes with #b2afce

Alternatives to #b2afce

#b2afce Preview

Shades and Tints of #b2afce

Tones of #b2afce

Color Blindness Simulator