#b7afdd hex color

In a RGB color space, hex #b7afdd is composed of 71.8% red, 68.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 20.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 250.4 degrees, a saturation of 40.4% and a lightness of 77.6%. #b7afdd color hex could be obtained by blending #ffffff with #6f5fbb. 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

● #b7afdd color description : Very soft blue.

The hexadecimal color #b7afdd has RGB values of R:183, G:175, B:221 and CMYK values of C:0.17, M:0.21, Y:0, K:0.13. Its decimal value is 12038109.

Hex triplet	b7afdd	`#b7afdd`
RGB Decimal	183, 175, 221	`rgb(183,175,221)`
RGB Percent	71.8, 68.6, 86.7	`rgb(71.8%,68.6%,86.7%)`
CMYK	17, 21, 0, 13
HSL	250.4°, 40.4, 77.6	`hsl(250.4,40.4%,77.6%)`
HSV (or HSB)	250.4°, 20.8, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.511, 12.09, -22.101
XYZ	47.907, 45.947, 74.747
xyY	0.284, 0.273, 45.947
CIE-LCH	73.511, 25.192, 298.68
CIE-LUV	73.511, 1.425, -36.495
Hunter-Lab	67.785, 7.533, -17.931
Binary	10110111, 10101111, 11011101

#b7afdd
```
#b7afdd rgb(183,175,221)
```
#d5ddaf
```
#d5ddaf rgb(213,221,175)
```

Complementary Color

#afbedd
```
#afbedd rgb(175,190,221)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#ceafdd
```
#ceafdd rgb(206,175,221)
```

Analogous Color

#beddaf
```
#beddaf rgb(190,221,175)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#ddceaf
```
#ddceaf rgb(221,206,175)
```

Split Complementary Color

#afddb7
```
#afddb7 rgb(175,221,183)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#ddb7af
```
#ddb7af rgb(221,183,175)
```

Triadic Color

#afd5dd
```
#afd5dd rgb(175,213,221)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#ddb7af
```
#ddb7af rgb(221,183,175)
```
#d5ddaf
```
#d5ddaf rgb(213,221,175)
```

Tetradic Color

#8779c6
```
#8779c6 rgb(135,121,198)
```
#978bce
```
#978bce rgb(151,139,206)
```
#a79dd5
```
#a79dd5 rgb(167,157,213)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#c7c1e5
```
#c7c1e5 rgb(199,193,229)
```
#d7d3ec
```
#d7d3ec rgb(215,211,236)
```
#e7e5f4
```
#e7e5f4 rgb(231,229,244)
```

Monochromatic Color

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

#afb3dd
```
#afb3dd rgb(175,179,221)
```
#afafdd
```
#afafdd rgb(175,175,221)
```
#b3afdd
```
#b3afdd rgb(179,175,221)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#bbafdd
```
#bbafdd rgb(187,175,221)
```
#bfafdd
```
#bfafdd rgb(191,175,221)
```
#c3afdd
```
#c3afdd rgb(195,175,221)
```

Similar Colors

Text with hexadecimal color #b7afdd

This text has a font color of #b7afdd.

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

#b7afdd background color

This paragraph has a background color of #b7afdd.

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

#b7afdd border color

This element has a border color of #b7afdd.

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

CSS codes

.text {color:#b7afdd;}

.background {background-color:#b7afdd;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#090710
```
#090710 rgb(9,7,16)
```
#100d1e
```
#100d1e rgb(16,13,30)
```
#17132c
```
#17132c rgb(23,19,44)
```
#1e193a
```
#1e193a rgb(30,25,58)
```
#251e47
```
#251e47 rgb(37,30,71)
```
#2d2455
```
#2d2455 rgb(45,36,85)
```
#342a63
```
#342a63 rgb(52,42,99)
```
#3b3071
```
#3b3071 rgb(59,48,113)
```
#42367e
```
#42367e rgb(66,54,126)
```
#4a3c8c
```
#4a3c8c rgb(74,60,140)
```
#51419a
```
#51419a rgb(81,65,154)
```
#5847a8
```
#5847a8 rgb(88,71,168)
```

Shade Color Variation

#604fb4
```
#604fb4 rgb(96,79,180)
```
#6d5cba
```
#6d5cba rgb(109,92,186)
```
#796ac0
```
#796ac0 rgb(121,106,192)
```
#8578c6
```
#8578c6 rgb(133,120,198)
```
#9286cb
```
#9286cb rgb(146,134,203)
```
#9e93d1
```
#9e93d1 rgb(158,147,209)
```
#aba1d7
```
#aba1d7 rgb(171,161,215)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#c3bde3
```
#c3bde3 rgb(195,189,227)
```
#d0cbe9
```
#d0cbe9 rgb(208,203,233)
```
#dcd8ef
```
#dcd8ef rgb(220,216,239)
```
#e9e6f4
```
#e9e6f4 rgb(233,230,244)
```
#f5f4fa
```
#f5f4fa rgb(245,244,250)
```

Tint Color Variation

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

#c5c5c7
```
#c5c5c7 rgb(197,197,199)
```
#c2c1cb
```
#c2c1cb rgb(194,193,203)
```
#c0bcd0
```
#c0bcd0 rgb(192,188,208)
```
#bdb8d4
```
#bdb8d4 rgb(189,184,212)
```
#bab3d9
```
#bab3d9 rgb(186,179,217)
```
#b7afdd
```
#b7afdd rgb(183,175,221)
```
#b4abe1
```
#b4abe1 rgb(180,171,225)
```
#b1a6e6
```
#b1a6e6 rgb(177,166,230)
```
#aea2ea
```
#aea2ea rgb(174,162,234)
```
#ac9def
```
#ac9def rgb(172,157,239)
```
#a999f3
```
#a999f3 rgb(169,153,243)
```
#a695f7
```
#a695f7 rgb(166,149,247)
```
#a390fc
```
#a390fc rgb(163,144,252)
```

Tone Color Variation

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

#adb6e1 Protanopia 1% of men
#b5b4de Deuteranopia 1% of men
#b5b7c5 Tritanopia 0.001% of the population

Trichromacy

#b1b3df Protanomaly 1% of men, 0.01% of women
#b5b2dd Deuteranomaly 6% of men, 0.4% of women
#b5b4cd Tritanomaly 0.01% of the population

#b7afdd hex color

#b7afdd Color Information

#b7afdd Color Conversion

Color Schemes with #b7afdd

Alternatives to #b7afdd

#b7afdd Preview

Shades and Tints of #b7afdd

Tones of #b7afdd

Color Blindness Simulator