#b8afde hex color

In a RGB color space, hex #b8afde is composed of 72.2% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 251.5 degrees, a saturation of 41.6% and a lightness of 77.8%. #b8afde color hex could be obtained by blending #ffffff with #715fbd. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 72
- G 69
- B 87
RGB color chart
- C 17
- M 21
- Y 0
- K 13
CMYK color chart

● #b8afde color description : Very soft blue.

The hexadecimal color #b8afde has RGB values of R:184, G:175, B:222 and CMYK values of C:0.17, M:0.21, Y:0, K:0.13. Its decimal value is 12103646.

Hex triplet	b8afde	`#b8afde`
RGB Decimal	184, 175, 222	`rgb(184,175,222)`
RGB Percent	72.2, 68.6, 87.1	`rgb(72.2%,68.6%,87.1%)`
CMYK	17, 21, 0, 13
HSL	251.5°, 41.6, 77.8	`hsl(251.5,41.6%,77.8%)`
HSV (or HSB)	251.5°, 21.2, 87.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.626, 12.625, -22.465
XYZ	48.28, 46.124, 75.463
xyY	0.284, 0.272, 46.124
CIE-LCH	73.626, 25.769, 299.336
CIE-LUV	73.626, 1.882, -37.179
Hunter-Lab	67.915, 8.042, -18.339
Binary	10111000, 10101111, 11011110

#b8afde
```
#b8afde rgb(184,175,222)
```
#d5deaf
```
#d5deaf rgb(213,222,175)
```

Complementary Color

#afbede
```
#afbede rgb(175,190,222)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#d0afde
```
#d0afde rgb(208,175,222)
```

Analogous Color

#bedeaf
```
#bedeaf rgb(190,222,175)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#ded0af
```
#ded0af rgb(222,208,175)
```

Split Complementary Color

#afdeb8
```
#afdeb8 rgb(175,222,184)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#deb8af
```
#deb8af rgb(222,184,175)
```

Triadic Color

#afd5de
```
#afd5de rgb(175,213,222)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#deb8af
```
#deb8af rgb(222,184,175)
```
#d5deaf
```
#d5deaf rgb(213,222,175)
```

Tetradic Color

#8879c8
```
#8879c8 rgb(136,121,200)
```
#988bcf
```
#988bcf rgb(152,139,207)
```
#a89dd7
```
#a89dd7 rgb(168,157,215)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#c8c1e5
```
#c8c1e5 rgb(200,193,229)
```
#d8d3ed
```
#d8d3ed rgb(216,211,237)
```
#e8e5f4
```
#e8e5f4 rgb(232,229,244)
```

Monochromatic Color

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

#afb2de
```
#afb2de rgb(175,178,222)
```
#b0afde
```
#b0afde rgb(176,175,222)
```
#b4afde
```
#b4afde rgb(180,175,222)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#bcafde
```
#bcafde rgb(188,175,222)
```
#c0afde
```
#c0afde rgb(192,175,222)
```
#c4afde
```
#c4afde rgb(196,175,222)
```

Similar Colors

Text with hexadecimal color #b8afde

This text has a font color of #b8afde.

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

#b8afde background color

This paragraph has a background color of #b8afde.

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

#b8afde border color

This element has a border color of #b8afde.

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

CSS codes

.text {color:#b8afde;}

.background {background-color:#b8afde;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090711
```
#090711 rgb(9,7,17)
```
#100d1f
```
#100d1f rgb(16,13,31)
```
#18132d
```
#18132d rgb(24,19,45)
```
#1f183b
```
#1f183b rgb(31,24,59)
```
#261e49
```
#261e49 rgb(38,30,73)
```
#2d2457
```
#2d2457 rgb(45,36,87)
```
#352965
```
#352965 rgb(53,41,101)
```
#3c2f72
```
#3c2f72 rgb(60,47,114)
```
#433580
```
#433580 rgb(67,53,128)
```
#4b3b8e
```
#4b3b8e rgb(75,59,142)
```
#52409c
```
#52409c rgb(82,64,156)
```
#5946aa
```
#5946aa rgb(89,70,170)
```

Shade Color Variation

#624eb6
```
#624eb6 rgb(98,78,182)
```
#6e5cbc
```
#6e5cbc rgb(110,92,188)
```
#7a6ac1
```
#7a6ac1 rgb(122,106,193)
```
#8777c7
```
#8777c7 rgb(135,119,199)
```
#9385cd
```
#9385cd rgb(147,133,205)
```
#9f93d3
```
#9f93d3 rgb(159,147,211)
```
#aca1d8
```
#aca1d8 rgb(172,161,216)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#c4bde4
```
#c4bde4 rgb(196,189,228)
```
#d1cbe9
```
#d1cbe9 rgb(209,203,233)
```
#ddd9ef
```
#ddd9ef rgb(221,217,239)
```
#e9e7f5
```
#e9e7f5 rgb(233,231,245)
```
#f6f4fb
```
#f6f4fb rgb(246,244,251)
```

Tint Color Variation

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

#c5c5c8
```
#c5c5c8 rgb(197,197,200)
```
#c3c0cd
```
#c3c0cd rgb(195,192,205)
```
#c0bcd1
```
#c0bcd1 rgb(192,188,209)
```
#bdb8d5
```
#bdb8d5 rgb(189,184,213)
```
#bbb3da
```
#bbb3da rgb(187,179,218)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#b5abe2
```
#b5abe2 rgb(181,171,226)
```
#b3a6e7
```
#b3a6e7 rgb(179,166,231)
```
#b0a2eb
```
#b0a2eb rgb(176,162,235)
```
#ad9eef
```
#ad9eef rgb(173,158,239)
```
#ab99f4
```
#ab99f4 rgb(171,153,244)
```
#a895f8
```
#a895f8 rgb(168,149,248)
```
#a591fc
```
#a591fc rgb(165,145,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b7b5bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb7e2 Protanopia 1% of men
#b5b5df Deuteranopia 1% of men
#b6b8c5 Tritanopia 0.001% of the population

Trichromacy

#b1b4e0 Protanomaly 1% of men, 0.01% of women
#b6b2de Deuteranomaly 6% of men, 0.4% of women
#b6b4ce Tritanomaly 0.01% of the population

#b8afde hex color

#b8afde Color Information

#b8afde Color Conversion

Color Schemes with #b8afde

Alternatives to #b8afde

#b8afde Preview

Shades and Tints of #b8afde

Tones of #b8afde

Color Blindness Simulator