#b4ade0 hex color

In a RGB color space, hex #b4ade0 is composed of 70.6% red, 67.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 22.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 248.2 degrees, a saturation of 45.1% and a lightness of 77.8%. #b4ade0 color hex could be obtained by blending #ffffff with #695bc1. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 68
- B 88
RGB color chart
- C 20
- M 23
- Y 0
- K 12
CMYK color chart

● #b4ade0 color description : Very soft blue.

The hexadecimal color #b4ade0 has RGB values of R:180, G:173, B:224 and CMYK values of C:0.2, M:0.23, Y:0, K:0.12. Its decimal value is 11840992.

Hex triplet	b4ade0	`#b4ade0`
RGB Decimal	180, 173, 224	`rgb(180,173,224)`
RGB Percent	70.6, 67.8, 87.8	`rgb(70.6%,67.8%,87.8%)`
CMYK	20, 23, 0, 12
HSL	248.2°, 45.1, 77.8	`hsl(248.2,45.1%,77.8%)`
HSV (or HSB)	248.2°, 22.8, 87.8
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.873, 12.923, -24.732
XYZ	47.218, 44.972, 76.71
xyY	0.28, 0.266, 44.972
CIE-LCH	72.873, 27.905, 297.588
CIE-LUV	72.873, 0.54, -40.877
Hunter-Lab	67.061, 8.326, -20.878
Binary	10110100, 10101101, 11100000

#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#d9e0ad
```
#d9e0ad rgb(217,224,173)
```

Complementary Color

#adc0e0
```
#adc0e0 rgb(173,192,224)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#ceade0
```
#ceade0 rgb(206,173,224)
```

Analogous Color

#c0e0ad
```
#c0e0ad rgb(192,224,173)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#e0cead
```
#e0cead rgb(224,206,173)
```

Split Complementary Color

#ade0b4
```
#ade0b4 rgb(173,224,180)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#e0b4ad
```
#e0b4ad rgb(224,180,173)
```

Triadic Color

#add9e0
```
#add9e0 rgb(173,217,224)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#e0b4ad
```
#e0b4ad rgb(224,180,173)
```
#d9e0ad
```
#d9e0ad rgb(217,224,173)
```

Tetradic Color

#8175cb
```
#8175cb rgb(129,117,203)
```
#9288d2
```
#9288d2 rgb(146,136,210)
```
#a39ad9
```
#a39ad9 rgb(163,154,217)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#c5c0e7
```
#c5c0e7 rgb(197,192,231)
```
#d6d2ee
```
#d6d2ee rgb(214,210,238)
```
#e7e5f5
```
#e7e5f5 rgb(231,229,245)
```

Monochromatic Color

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

#adb3e0
```
#adb3e0 rgb(173,179,224)
```
#adafe0
```
#adafe0 rgb(173,175,224)
```
#b0ade0
```
#b0ade0 rgb(176,173,224)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#b8ade0
```
#b8ade0 rgb(184,173,224)
```
#bdade0
```
#bdade0 rgb(189,173,224)
```
#c1ade0
```
#c1ade0 rgb(193,173,224)
```

Similar Colors

Text with hexadecimal color #b4ade0

This text has a font color of #b4ade0.

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

#b4ade0 background color

This paragraph has a background color of #b4ade0.

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

#b4ade0 border color

This element has a border color of #b4ade0.

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

CSS codes

.text {color:#b4ade0;}

.background {background-color:#b4ade0;}

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

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)
```
#080712
```
#080712 rgb(8,7,18)
```
#0f0c20
```
#0f0c20 rgb(15,12,32)
```
#15112e
```
#15112e rgb(21,17,46)
```
#1c173c
```
#1c173c rgb(28,23,60)
```
#231c4b
```
#231c4b rgb(35,28,75)
```
#292259
```
#292259 rgb(41,34,89)
```
#302767
```
#302767 rgb(48,39,103)
```
#362c75
```
#362c75 rgb(54,44,117)
```
#3d3284
```
#3d3284 rgb(61,50,132)
```
#443792
```
#443792 rgb(68,55,146)
```
#4a3ca0
```
#4a3ca0 rgb(74,60,160)
```
#5142ae
```
#5142ae rgb(81,66,174)
```

Shade Color Variation

#5949ba
```
#5949ba rgb(89,73,186)
```
#6658c0
```
#6658c0 rgb(102,88,192)
```
#7366c5
```
#7366c5 rgb(115,102,197)
```
#8074ca
```
#8074ca rgb(128,116,202)
```
#8d82d0
```
#8d82d0 rgb(141,130,208)
```
#9a91d5
```
#9a91d5 rgb(154,145,213)
```
#a79fdb
```
#a79fdb rgb(167,159,219)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#c1bbe5
```
#c1bbe5 rgb(193,187,229)
```
#cec9eb
```
#cec9eb rgb(206,201,235)
```
#dbd8f0
```
#dbd8f0 rgb(219,216,240)
```
#e8e6f6
```
#e8e6f6 rgb(232,230,246)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

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

#c4c3ca
```
#c4c3ca rgb(196,195,202)
```
#c1becf
```
#c1becf rgb(193,190,207)
```
#bdbad3
```
#bdbad3 rgb(189,186,211)
```
#bab6d7
```
#bab6d7 rgb(186,182,215)
```
#b7b1dc
```
#b7b1dc rgb(183,177,220)
```
#b4ade0
```
#b4ade0 rgb(180,173,224)
```
#b1a9e4
```
#b1a9e4 rgb(177,169,228)
```
#aea4e9
```
#aea4e9 rgb(174,164,233)
```
#aba0ed
```
#aba0ed rgb(171,160,237)
```
#a79cf1
```
#a79cf1 rgb(167,156,241)
```
#a497f6
```
#a497f6 rgb(164,151,246)
```
#a193fa
```
#a193fa rgb(161,147,250)
```
#9e8ffe
```
#9e8ffe rgb(158,143,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b5b3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab4e3 Protanopia 1% of men
#b0b3e0 Deuteranopia 1% of men
#b1b6c4 Tritanopia 0.001% of the population

Trichromacy

#adb2e2 Protanomaly 1% of men, 0.01% of women
#b1b1e0 Deuteranomaly 6% of men, 0.4% of women
#b2b3ce Tritanomaly 0.01% of the population

#b4ade0 hex color

#b4ade0 Color Information

#b4ade0 Color Conversion

Color Schemes with #b4ade0

Alternatives to #b4ade0

#b4ade0 Preview

Shades and Tints of #b4ade0

Tones of #b4ade0

Color Blindness Simulator