#b5afde hex color

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

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

● #b5afde color description : Very soft blue.

The hexadecimal color #b5afde has RGB values of R:181, G:175, B:222 and CMYK values of C:0.18, M:0.21, Y:0, K:0.13. Its decimal value is 11907038.

Hex triplet	b5afde	`#b5afde`
RGB Decimal	181, 175, 222	`rgb(181,175,222)`
RGB Percent	71, 68.6, 87.1	`rgb(71%,68.6%,87.1%)`
CMYK	18, 21, 0, 13
HSL	247.7°, 41.6, 77.8	`hsl(247.7,41.6%,77.8%)`
HSV (or HSB)	247.7°, 21.2, 87.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.388, 11.683, -22.849
XYZ	47.568, 45.757, 75.429
xyY	0.282, 0.271, 45.757
CIE-LCH	73.388, 25.663, 297.081
CIE-LUV	73.388, 0.303, -37.644
Hunter-Lab	67.644, 7.147, -18.763
Binary	10110101, 10101111, 11011110

#b5afde
```
#b5afde rgb(181,175,222)
```
#d8deaf
```
#d8deaf rgb(216,222,175)
```

Complementary Color

#afc1de
```
#afc1de rgb(175,193,222)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#cdafde
```
#cdafde rgb(205,175,222)
```

Analogous Color

#c1deaf
```
#c1deaf rgb(193,222,175)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#decdaf
```
#decdaf rgb(222,205,175)
```

Split Complementary Color

#afdeb5
```
#afdeb5 rgb(175,222,181)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#deb5af
```
#deb5af rgb(222,181,175)
```

Triadic Color

#afd8de
```
#afd8de rgb(175,216,222)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#deb5af
```
#deb5af rgb(222,181,175)
```
#d8deaf
```
#d8deaf rgb(216,222,175)
```

Tetradic Color

#8379c8
```
#8379c8 rgb(131,121,200)
```
#948bcf
```
#948bcf rgb(148,139,207)
```
#a49dd7
```
#a49dd7 rgb(164,157,215)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#c6c1e5
```
#c6c1e5 rgb(198,193,229)
```
#d6d3ed
```
#d6d3ed rgb(214,211,237)
```
#e7e5f4
```
#e7e5f4 rgb(231,229,244)
```

Monochromatic Color

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

#afb5de
```
#afb5de rgb(175,181,222)
```
#afb1de
```
#afb1de rgb(175,177,222)
```
#b1afde
```
#b1afde rgb(177,175,222)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#b9afde
```
#b9afde rgb(185,175,222)
```
#bdafde
```
#bdafde rgb(189,175,222)
```
#c1afde
```
#c1afde rgb(193,175,222)
```

Similar Colors

Text with hexadecimal color #b5afde

This text has a font color of #b5afde.

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

#b5afde background color

This paragraph has a background color of #b5afde.

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

#b5afde border color

This element has a border color of #b5afde.

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

CSS codes

.text {color:#b5afde;}

.background {background-color:#b5afde;}

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

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 #f5f4fb is the lightest one.

#020103
```
#020103 rgb(2,1,3)
```
#080711
```
#080711 rgb(8,7,17)
```
#0f0d1f
```
#0f0d1f rgb(15,13,31)
```
#16132d
```
#16132d rgb(22,19,45)
```
#1d183b
```
#1d183b rgb(29,24,59)
```
#231e49
```
#231e49 rgb(35,30,73)
```
#2a2457
```
#2a2457 rgb(42,36,87)
```
#312965
```
#312965 rgb(49,41,101)
```
#382f72
```
#382f72 rgb(56,47,114)
```
#3f3580
```
#3f3580 rgb(63,53,128)
```
#453b8e
```
#453b8e rgb(69,59,142)
```
#4c409c
```
#4c409c rgb(76,64,156)
```
#5346aa
```
#5346aa rgb(83,70,170)
```

Shade Color Variation

#5b4eb6
```
#5b4eb6 rgb(91,78,182)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#756ac1
```
#756ac1 rgb(117,106,193)
```
#8277c7
```
#8277c7 rgb(130,119,199)
```
#8e85cd
```
#8e85cd rgb(142,133,205)
```
#9b93d3
```
#9b93d3 rgb(155,147,211)
```
#a8a1d8
```
#a8a1d8 rgb(168,161,216)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#c2bde4
```
#c2bde4 rgb(194,189,228)
```
#cfcbe9
```
#cfcbe9 rgb(207,203,233)
```
#dcd9ef
```
#dcd9ef rgb(220,217,239)
```
#e8e7f5
```
#e8e7f5 rgb(232,231,245)
```
#f5f4fb
```
#f5f4fb rgb(245,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 #9e91fc is the most saturated one.

#c5c5c8
```
#c5c5c8 rgb(197,197,200)
```
#c2c0cd
```
#c2c0cd rgb(194,192,205)
```
#bfbcd1
```
#bfbcd1 rgb(191,188,209)
```
#bbb8d5
```
#bbb8d5 rgb(187,184,213)
```
#b8b3da
```
#b8b3da rgb(184,179,218)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#b2abe2
```
#b2abe2 rgb(178,171,226)
```
#afa6e7
```
#afa6e7 rgb(175,166,231)
```
#aba2eb
```
#aba2eb rgb(171,162,235)
```
#a89eef
```
#a89eef rgb(168,158,239)
```
#a599f4
```
#a599f4 rgb(165,153,244)
```
#a295f8
```
#a295f8 rgb(162,149,248)
```
#9e91fc
```
#9e91fc rgb(158,145,252)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b6b5be Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb6e1 Protanopia 1% of men
#b4b4df Deuteranopia 1% of men
#b3b8c5 Tritanopia 0.001% of the population

Trichromacy

#afb3e0 Protanomaly 1% of men, 0.01% of women
#b4b2de Deuteranomaly 6% of men, 0.4% of women
#b3b4ce Tritanomaly 0.01% of the population

#b5afde hex color

#b5afde Color Information

#b5afde Color Conversion

Color Schemes with #b5afde

Alternatives to #b5afde

#b5afde Preview

Shades and Tints of #b5afde

Tones of #b5afde

Color Blindness Simulator