colorhexa.com

#b4afed hex color

In a RGB color space, hex #b4afed is composed of 70.6% red, 68.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 26.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 244.8 degrees, a saturation of 63.3% and a lightness of 80.8%. #b4afed color hex could be obtained by blending #ffffff with #695fdb. Closest websafe color is: #cc99ff.

- R 71
- G 69
- B 93
RGB color chart
- C 24
- M 26
- Y 0
- K 7
CMYK color chart

● #b4afed color description : Very soft blue.

The hexadecimal color #b4afed has RGB values of R:180, G:175, B:237 and CMYK values of C:0.24, M:0.26, Y:0, K:0.07. Its decimal value is 11841517.

Hex triplet	b4afed	`#b4afed`
RGB Decimal	180, 175, 237	`rgb(180,175,237)`
RGB Percent	70.6, 68.6, 92.9	`rgb(70.6%,68.6%,92.9%)`
CMYK	24, 26, 0, 7
HSL	244.8°, 63.3, 80.8	`hsl(244.8,63.3%,80.8%)`
HSV (or HSB)	244.8°, 26.2, 92.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.854, 14.801, -30.298
XYZ	49.436, 46.477, 86.483
xyY	0.271, 0.255, 46.477
CIE-LCH	73.854, 33.72, 296.035
CIE-LUV	73.854, -1.234, -50.457
Hunter-Lab	68.174, 10.132, -27.491
Binary	10110100, 10101111, 11101101

#b4afed
```
#b4afed rgb(180,175,237)
```
#e8edaf
```
#e8edaf rgb(232,237,175)
```

Complementary Color

#afc9ed
```
#afc9ed rgb(175,201,237)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#d3afed
```
#d3afed rgb(211,175,237)
```

Analogous Color

#c9edaf
```
#c9edaf rgb(201,237,175)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#edd3af
```
#edd3af rgb(237,211,175)
```

Split Complementary Color

#afedb4
```
#afedb4 rgb(175,237,180)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#edb4af
```
#edb4af rgb(237,180,175)
```

Triadic Color

#afe8ed
```
#afe8ed rgb(175,232,237)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#edb4af
```
#edb4af rgb(237,180,175)
```
#e8edaf
```
#e8edaf rgb(232,237,175)
```

Tetradic Color

#7971df
```
#7971df rgb(121,113,223)
```
#8d85e4
```
#8d85e4 rgb(141,133,228)
```
#a09ae8
```
#a09ae8 rgb(160,154,232)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#c8c4f2
```
#c8c4f2 rgb(200,196,242)
```
#dbd9f6
```
#dbd9f6 rgb(219,217,246)
```
#efedfb
```
#efedfb rgb(239,237,251)
```

Monochromatic Color

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

#afbaed
```
#afbaed rgb(175,186,237)
```
#afb4ed
```
#afb4ed rgb(175,180,237)
```
#afafed
```
#afafed rgb(175,175,237)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#b9afed
```
#b9afed rgb(185,175,237)
```
#beafed
```
#beafed rgb(190,175,237)
```
#c4afed
```
#c4afed rgb(196,175,237)
```

Similar Colors

Text with hexadecimal color #b4afed

This text has a font color of #b4afed.

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

#b4afed background color

This paragraph has a background color of #b4afed.

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

#b4afed border color

This element has a border color of #b4afed.

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

CSS codes

.text {color:#b4afed;}

.background {background-color:#b4afed;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050410
```
#050410 rgb(5,4,16)
```
#090720
```
#090720 rgb(9,7,32)
```
#0e0b30
```
#0e0b30 rgb(14,11,48)
```
#120e40
```
#120e40 rgb(18,14,64)
```
#171250
```
#171250 rgb(23,18,80)
```
#1c1660
```
#1c1660 rgb(28,22,96)
```
#201970
```
#201970 rgb(32,25,112)
```
#251d80
```
#251d80 rgb(37,29,128)
```
#292090
```
#292090 rgb(41,32,144)
```
#2e24a0
```
#2e24a0 rgb(46,36,160)
```
#3328b0
```
#3328b0 rgb(51,40,176)
```
#372bc0
```
#372bc0 rgb(55,43,192)
```

Shade Color Variation

#3c2fd0
```
#3c2fd0 rgb(60,47,208)
```
#4b3fd4
```
#4b3fd4 rgb(75,63,212)
```
#5a4fd7
```
#5a4fd7 rgb(90,79,215)
```
#695fdb
```
#695fdb rgb(105,95,219)
```
#786fdf
```
#786fdf rgb(120,111,223)
```
#877fe2
```
#877fe2 rgb(135,127,226)
```
#968fe6
```
#968fe6 rgb(150,143,230)
```
#a59fe9
```
#a59fe9 rgb(165,159,233)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#c3bff1
```
#c3bff1 rgb(195,191,241)
```
#d2cff4
```
#d2cff4 rgb(210,207,244)
```
#e1dff8
```
#e1dff8 rgb(225,223,248)
```
#f0effb
```
#f0effb rgb(240,239,251)
```

Tint Color Variation

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

#cdcdcf
```
#cdcdcf rgb(205,205,207)
```
#cac9d3
```
#cac9d3 rgb(202,201,211)
```
#c7c6d6
```
#c7c6d6 rgb(199,198,214)
```
#c4c2da
```
#c4c2da rgb(196,194,218)
```
#c1bede
```
#c1bede rgb(193,190,222)
```
#bdbae2
```
#bdbae2 rgb(189,186,226)
```
#bab7e5
```
#bab7e5 rgb(186,183,229)
```
#b7b3e9
```
#b7b3e9 rgb(183,179,233)
```
#b4afed
```
#b4afed rgb(180,175,237)
```
#b1abf1
```
#b1abf1 rgb(177,171,241)
```
#aea7f5
```
#aea7f5 rgb(174,167,245)
```
#aba4f8
```
#aba4f8 rgb(171,164,248)
```
#a7a0fc
```
#a7a0fc rgb(167,160,252)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b7b6c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b7f0 Protanopia 1% of men
#acb6ec Deuteranopia 1% of men
#afbac8 Tritanopia 0.001% of the population

Trichromacy

#acb4ef Protanomaly 1% of men, 0.01% of women
#afb3ec Deuteranomaly 6% of men, 0.4% of women
#b0b6d5 Tritanomaly 0.01% of the population