#b4afee hex color

In a RGB color space, hex #b4afee is composed of 70.6% red, 68.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 26.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 244.8 degrees, a saturation of 64.9% and a lightness of 81%. #b4afee color hex could be obtained by blending #ffffff with #695fdd. Closest websafe color is: #cc99ff.

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

● #b4afee color description : Very soft blue.

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

Hex triplet	b4afee	`#b4afee`
RGB Decimal	180, 175, 238	`rgb(180,175,238)`
RGB Percent	70.6, 68.6, 93.3	`rgb(70.6%,68.6%,93.3%)`
CMYK	24, 26, 0, 7
HSL	244.8°, 64.9, 81	`hsl(244.8,64.9%,81%)`
HSV (or HSB)	244.8°, 26.5, 93.3
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.892, 15.035, -30.783
XYZ	49.582, 46.536, 87.254
xyY	0.27, 0.254, 46.536
CIE-LCH	73.892, 34.258, 296.032
CIE-LUV	73.892, -1.302, -51.302
Hunter-Lab	68.217, 10.359, -28.084
Binary	10110100, 10101111, 11101110

#b4afee
```
#b4afee rgb(180,175,238)
```
#e9eeaf
```
#e9eeaf rgb(233,238,175)
```

Complementary Color

#afcaee
```
#afcaee rgb(175,202,238)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#d4afee
```
#d4afee rgb(212,175,238)
```

Analogous Color

#caeeaf
```
#caeeaf rgb(202,238,175)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#eed4af
```
#eed4af rgb(238,212,175)
```

Split Complementary Color

#afeeb4
```
#afeeb4 rgb(175,238,180)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#eeb4af
```
#eeb4af rgb(238,180,175)
```

Triadic Color

#afe9ee
```
#afe9ee rgb(175,233,238)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#eeb4af
```
#eeb4af rgb(238,180,175)
```
#e9eeaf
```
#e9eeaf rgb(233,238,175)
```

Tetradic Color

#7970e1
```
#7970e1 rgb(121,112,225)
```
#8d85e5
```
#8d85e5 rgb(141,133,229)
```
#a09aea
```
#a09aea rgb(160,154,234)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#c8c4f2
```
#c8c4f2 rgb(200,196,242)
```
#dbd9f7
```
#dbd9f7 rgb(219,217,247)
```
#efeefb
```
#efeefb rgb(239,238,251)
```

Monochromatic Color

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

#afbaee
```
#afbaee rgb(175,186,238)
```
#afb5ee
```
#afb5ee rgb(175,181,238)
```
#afafee
```
#afafee rgb(175,175,238)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#b9afee
```
#b9afee rgb(185,175,238)
```
#bfafee
```
#bfafee rgb(191,175,238)
```
#c4afee
```
#c4afee rgb(196,175,238)
```

Similar Colors

Text with hexadecimal color #b4afee

This text has a font color of #b4afee.

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

#b4afee background color

This paragraph has a background color of #b4afee.

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

#b4afee border color

This element has a border color of #b4afee.

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

CSS codes

.text {color:#b4afee;}

.background {background-color:#b4afee;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050411
```
#050411 rgb(5,4,17)
```
#090721
```
#090721 rgb(9,7,33)
```
#0e0b31
```
#0e0b31 rgb(14,11,49)
```
#120e42
```
#120e42 rgb(18,14,66)
```
#161152
```
#161152 rgb(22,17,82)
```
#1b1562
```
#1b1562 rgb(27,21,98)
```
#1f1872
```
#1f1872 rgb(31,24,114)
```
#241c82
```
#241c82 rgb(36,28,130)
```
#281f92
```
#281f92 rgb(40,31,146)
```
#2d23a3
```
#2d23a3 rgb(45,35,163)
```
#3126b3
```
#3126b3 rgb(49,38,179)
```
#3629c3
```
#3629c3 rgb(54,41,195)
```

Shade Color Variation

#3b2ed2
```
#3b2ed2 rgb(59,46,210)
```
#4a3ed6
```
#4a3ed6 rgb(74,62,214)
```
#594ed9
```
#594ed9 rgb(89,78,217)
```
#685edd
```
#685edd rgb(104,94,221)
```
#776ee0
```
#776ee0 rgb(119,110,224)
```
#877ee4
```
#877ee4 rgb(135,126,228)
```
#968fe7
```
#968fe7 rgb(150,143,231)
```
#a59feb
```
#a59feb rgb(165,159,235)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#c3bff1
```
#c3bff1 rgb(195,191,241)
```
#d2cff5
```
#d2cff5 rgb(210,207,245)
```
#e1e0f8
```
#e1e0f8 rgb(225,224,248)
```
#f1f0fc
```
#f1f0fc rgb(241,240,252)
```

Tint Color Variation

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

#cdcdd0
```
#cdcdd0 rgb(205,205,208)
```
#cac9d4
```
#cac9d4 rgb(202,201,212)
```
#c7c5d8
```
#c7c5d8 rgb(199,197,216)
```
#c4c2db
```
#c4c2db rgb(196,194,219)
```
#c1bedf
```
#c1bedf rgb(193,190,223)
```
#bdbae3
```
#bdbae3 rgb(189,186,227)
```
#bab6e7
```
#bab6e7 rgb(186,182,231)
```
#b7b3ea
```
#b7b3ea rgb(183,179,234)
```
#b4afee
```
#b4afee rgb(180,175,238)
```
#b1abf2
```
#b1abf2 rgb(177,171,242)
```
#aea8f5
```
#aea8f5 rgb(174,168,245)
```
#aba4f9
```
#aba4f9 rgb(171,164,249)
```
#a7a0fd
```
#a7a0fd rgb(167,160,253)
```

Tone Color Variation

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

#a7b7f1 Protanopia 1% of men
#acb6ed Deuteranopia 1% of men
#aebac8 Tritanopia 0.001% of the population

Trichromacy

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

#b4afee hex color

#b4afee Color Information

#b4afee Color Conversion

Color Schemes with #b4afee

Alternatives to #b4afee

#b4afee Preview

Shades and Tints of #b4afee

Tones of #b4afee

Color Blindness Simulator