#b4afce hex color

In a RGB color space, hex #b4afce is composed of 70.6% red, 68.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 15% magenta, 0% yellow and 19.2% black. It has a hue angle of 249.7 degrees, a saturation of 24% and a lightness of 74.7%. #b4afce color hex could be obtained by blending #ffffff with #695f9d. Closest websafe color is: #cc99cc.

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

● #b4afce color description : Grayish blue.

The hexadecimal color #b4afce has RGB values of R:180, G:175, B:206 and CMYK values of C:0.13, M:0.15, Y:0, K:0.19. Its decimal value is 11841486.

Hex triplet	b4afce	`#b4afce`
RGB Decimal	180, 175, 206	`rgb(180,175,206)`
RGB Percent	70.6, 68.6, 80.8	`rgb(70.6%,68.6%,80.8%)`
CMYK	13, 15, 0, 19
HSL	249.7°, 24, 74.7	`hsl(249.7,24%,74.7%)`
HSV (or HSB)	249.7°, 15, 80.8
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.773, 7.895, -15.046
XYZ	45.291, 44.819, 64.654
xyY	0.293, 0.29, 44.819
CIE-LCH	72.773, 16.992, 297.685
CIE-LUV	72.773, 0.855, -24.426
Hunter-Lab	66.947, 3.601, -10.396
Binary	10110100, 10101111, 11001110

#b4afce
```
#b4afce rgb(180,175,206)
```
#c9ceaf
```
#c9ceaf rgb(201,206,175)
```

Complementary Color

#afbace
```
#afbace rgb(175,186,206)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#c4afce
```
#c4afce rgb(196,175,206)
```

Analogous Color

#baceaf
```
#baceaf rgb(186,206,175)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#cec4af
```
#cec4af rgb(206,196,175)
```

Split Complementary Color

#afceb4
```
#afceb4 rgb(175,206,180)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#ceb4af
```
#ceb4af rgb(206,180,175)
```

Triadic Color

#afc9ce
```
#afc9ce rgb(175,201,206)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#ceb4af
```
#ceb4af rgb(206,180,175)
```
#c9ceaf
```
#c9ceaf rgb(201,206,175)
```

Tetradic Color

#8880b1
```
#8880b1 rgb(136,128,177)
```
#968fbb
```
#968fbb rgb(150,143,187)
```
#a59fc4
```
#a59fc4 rgb(165,159,196)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#c3bfd8
```
#c3bfd8 rgb(195,191,216)
```
#d2cfe1
```
#d2cfe1 rgb(210,207,225)
```
#e0deeb
```
#e0deeb rgb(224,222,235)
```

Monochromatic Color

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

#afb2ce
```
#afb2ce rgb(175,178,206)
```
#afafce
```
#afafce rgb(175,175,206)
```
#b1afce
```
#b1afce rgb(177,175,206)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#b7afce
```
#b7afce rgb(183,175,206)
```
#b9afce
```
#b9afce rgb(185,175,206)
```
#bcafce
```
#bcafce rgb(188,175,206)
```

Similar Colors

Text with hexadecimal color #b4afce

This text has a font color of #b4afce.

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

#b4afce background color

This paragraph has a background color of #b4afce.

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

#b4afce border color

This element has a border color of #b4afce.

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

CSS codes

.text {color:#b4afce;}

.background {background-color:#b4afce;}

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

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)
```
#0c0b11
```
#0c0b11 rgb(12,11,17)
```
#14121d
```
#14121d rgb(20,18,29)
```
#1c1a2a
```
#1c1a2a rgb(28,26,42)
```
#242136
```
#242136 rgb(36,33,54)
```
#2d2842
```
#2d2842 rgb(45,40,66)
```
#35304e
```
#35304e rgb(53,48,78)
```
#3d375a
```
#3d375a rgb(61,55,90)
```
#453f66
```
#453f66 rgb(69,63,102)
```
#4d4673
```
#4d4673 rgb(77,70,115)
```
#564e7f
```
#564e7f rgb(86,78,127)
```
#5e558b
```
#5e558b rgb(94,85,139)
```
#665d97
```
#665d97 rgb(102,93,151)
```

Shade Color Variation

#7066a1
```
#7066a1 rgb(112,102,161)
```
#7b72a9
```
#7b72a9 rgb(123,114,169)
```
#867eb0
```
#867eb0 rgb(134,126,176)
```
#928bb8
```
#928bb8 rgb(146,139,184)
```
#9d97bf
```
#9d97bf rgb(157,151,191)
```
#a9a3c7
```
#a9a3c7 rgb(169,163,199)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#bfbbd5
```
#bfbbd5 rgb(191,187,213)
```
#cbc7dd
```
#cbc7dd rgb(203,199,221)
```
#d6d3e4
```
#d6d3e4 rgb(214,211,228)
```
#e2e0ec
```
#e2e0ec rgb(226,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 #9682fb is the most saturated one.

#bebebf
```
#bebebf rgb(190,190,191)
```
#bbb9c4
```
#bbb9c4 rgb(187,185,196)
```
#b7b4c9
```
#b7b4c9 rgb(183,180,201)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#b1aad3
```
#b1aad3 rgb(177,170,211)
```
#ada5d8
```
#ada5d8 rgb(173,165,216)
```
#aaa0dd
```
#aaa0dd rgb(170,160,221)
```
#a79be2
```
#a79be2 rgb(167,155,226)
```
#a396e7
```
#a396e7 rgb(163,150,231)
```
#a091ec
```
#a091ec rgb(160,145,236)
```
#9c8cf1
```
#9c8cf1 rgb(156,140,241)
```
#9987f6
```
#9987f6 rgb(153,135,246)
```
#9682fb
```
#9682fb rgb(150,130,251)
```

Tone Color Variation

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

#b0b5d1 Protanopia 1% of men
#bab2d0 Deuteranopia 1% of men
#b5b5c2 Tritanopia 0.001% of the population

Trichromacy

#b1b2d0 Protanomaly 1% of men, 0.01% of women
#b7b1cf Deuteranomaly 6% of men, 0.4% of women
#b4b3c6 Tritanomaly 0.01% of the population

#b4afce hex color

#b4afce Color Information

#b4afce Color Conversion

Color Schemes with #b4afce

Alternatives to #b4afce

#b4afce Preview

Shades and Tints of #b4afce

Tones of #b4afce

Color Blindness Simulator