#b7afef hex color

In a RGB color space, hex #b7afef is composed of 71.8% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 247.5 degrees, a saturation of 66.7% and a lightness of 81.2%. #b7afef color hex could be obtained by blending #ffffff with #6f5fdf. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 72
- G 69
- B 94
RGB color chart
- C 23
- M 27
- Y 0
- K 6
CMYK color chart

● #b7afef color description : Very soft blue.

The hexadecimal color #b7afef has RGB values of R:183, G:175, B:239 and CMYK values of C:0.23, M:0.27, Y:0, K:0.06. Its decimal value is 12038127.

Hex triplet	b7afef	`#b7afef`
RGB Decimal	183, 175, 239	`rgb(183,175,239)`
RGB Percent	71.8, 68.6, 93.7	`rgb(71.8%,68.6%,93.7%)`
CMYK	23, 27, 0, 6
HSL	247.5°, 66.7, 81.2	`hsl(247.5,66.7%,81.2%)`
HSV (or HSB)	247.5°, 26.8, 93.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.163, 16.16, -30.887
XYZ	50.436, 46.959, 88.063
xyY	0.272, 0.253, 46.959
CIE-LCH	74.163, 34.859, 297.619
CIE-LUV	74.163, 0.134, -51.668
Hunter-Lab	68.527, 11.455, -28.225
Binary	10110111, 10101111, 11101111

#b7afef
```
#b7afef rgb(183,175,239)
```
#e7efaf
```
#e7efaf rgb(231,239,175)
```

Complementary Color

#afc7ef
```
#afc7ef rgb(175,199,239)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#d7afef
```
#d7afef rgb(215,175,239)
```

Analogous Color

#c7efaf
```
#c7efaf rgb(199,239,175)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#efd7af
```
#efd7af rgb(239,215,175)
```

Split Complementary Color

#afefb7
```
#afefb7 rgb(175,239,183)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#efb7af
```
#efb7af rgb(239,183,175)
```

Triadic Color

#afe7ef
```
#afe7ef rgb(175,231,239)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#efb7af
```
#efb7af rgb(239,183,175)
```
#e7efaf
```
#e7efaf rgb(231,239,175)
```

Tetradic Color

#7e6fe2
```
#7e6fe2 rgb(126,111,226)
```
#9185e7
```
#9185e7 rgb(145,133,231)
```
#a49aeb
```
#a49aeb rgb(164,154,235)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#cac4f3
```
#cac4f3 rgb(202,196,243)
```
#dddaf8
```
#dddaf8 rgb(221,218,248)
```
#f0effc
```
#f0effc rgb(240,239,252)
```

Monochromatic Color

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

#afb7ef
```
#afb7ef rgb(175,183,239)
```
#afb2ef
```
#afb2ef rgb(175,178,239)
```
#b2afef
```
#b2afef rgb(178,175,239)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#bcafef
```
#bcafef rgb(188,175,239)
```
#c2afef
```
#c2afef rgb(194,175,239)
```
#c7afef
```
#c7afef rgb(199,175,239)
```

Similar Colors

Text with hexadecimal color #b7afef

This text has a font color of #b7afef.

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

#b7afef background color

This paragraph has a background color of #b7afef.

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

#b7afef border color

This element has a border color of #b7afef.

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

CSS codes

.text {color:#b7afef;}

.background {background-color:#b7afef;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050412
```
#050412 rgb(5,4,18)
```
#0a0722
```
#0a0722 rgb(10,7,34)
```
#0f0a33
```
#0f0a33 rgb(15,10,51)
```
#140d43
```
#140d43 rgb(20,13,67)
```
#191153
```
#191153 rgb(25,17,83)
```
#1e1464
```
#1e1464 rgb(30,20,100)
```
#231774
```
#231774 rgb(35,23,116)
```
#281b85
```
#281b85 rgb(40,27,133)
```
#2d1e95
```
#2d1e95 rgb(45,30,149)
```
#3221a5
```
#3221a5 rgb(50,33,165)
```
#3624b6
```
#3624b6 rgb(54,36,182)
```
#3b28c6
```
#3b28c6 rgb(59,40,198)
```

Shade Color Variation

#412cd5
```
#412cd5 rgb(65,44,213)
```
#503dd8
```
#503dd8 rgb(80,61,216)
```
#5f4ddb
```
#5f4ddb rgb(95,77,219)
```
#6d5ddf
```
#6d5ddf rgb(109,93,223)
```
#7c6ee2
```
#7c6ee2 rgb(124,110,226)
```
#8b7ee5
```
#8b7ee5 rgb(139,126,229)
```
#9a8ee8
```
#9a8ee8 rgb(154,142,232)
```
#a89fec
```
#a89fec rgb(168,159,236)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#c6bff2
```
#c6bff2 rgb(198,191,242)
```
#d4d0f6
```
#d4d0f6 rgb(212,208,246)
```
#e3e0f9
```
#e3e0f9 rgb(227,224,249)
```
#f2f0fc
```
#f2f0fc rgb(242,240,252)
```

Tint Color Variation

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

#cdcdd1
```
#cdcdd1 rgb(205,205,209)
```
#cac9d5
```
#cac9d5 rgb(202,201,213)
```
#c8c5d9
```
#c8c5d9 rgb(200,197,217)
```
#c5c1dd
```
#c5c1dd rgb(197,193,221)
```
#c2bee0
```
#c2bee0 rgb(194,190,224)
```
#bfbae4
```
#bfbae4 rgb(191,186,228)
```
#bdb6e8
```
#bdb6e8 rgb(189,182,232)
```
#bab3eb
```
#bab3eb rgb(186,179,235)
```
#b7afef
```
#b7afef rgb(183,175,239)
```
#b4abf3
```
#b4abf3 rgb(180,171,243)
```
#b1a8f6
```
#b1a8f6 rgb(177,168,246)
```
#afa4fa
```
#afa4fa rgb(175,164,250)
```
#aca0fe
```
#aca0fe rgb(172,160,254)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b9b7c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b8f3 Protanopia 1% of men
#adb7ee Deuteranopia 1% of men
#b1bac8 Tritanopia 0.001% of the population

Trichromacy

#adb4f1 Protanomaly 1% of men, 0.01% of women
#b0b4ee Deuteranomaly 6% of men, 0.4% of women
#b3b6d6 Tritanomaly 0.01% of the population

#b7afef hex color

#b7afef Color Information

#b7afef Color Conversion

Color Schemes with #b7afef

Alternatives to #b7afef

#b7afef Preview

Shades and Tints of #b7afef

Tones of #b7afef

Color Blindness Simulator