#b4aed4 hex color

In a RGB color space, hex #b4aed4 is composed of 70.6% red, 68.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 15.1% cyan, 17.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 249.5 degrees, a saturation of 30.6% and a lightness of 75.7%. #b4aed4 color hex could be obtained by blending #ffffff with #695da9. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 68
- B 83
RGB color chart
- C 15
- M 18
- Y 0
- K 17
CMYK color chart

● #b4aed4 color description : Grayish blue.

The hexadecimal color #b4aed4 has RGB values of R:180, G:174, B:212 and CMYK values of C:0.15, M:0.18, Y:0, K:0.17. Its decimal value is 11841236.

Hex triplet	b4aed4	`#b4aed4`
RGB Decimal	180, 174, 212	`rgb(180,174,212)`
RGB Percent	70.6, 68.2, 83.1	`rgb(70.6%,68.2%,83.1%)`
CMYK	15, 18, 0, 17
HSL	249.5°, 30.6, 75.7	`hsl(249.5,30.6%,75.7%)`
HSV (or HSB)	249.5°, 17.9, 83.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.713, 9.724, -18.421
XYZ	45.84, 44.729, 68.502
xyY	0.288, 0.281, 44.729
CIE-LCH	72.713, 20.83, 297.83
CIE-LUV	72.713, 0.919, -30.11
Hunter-Lab	66.88, 5.307, -13.913
Binary	10110100, 10101110, 11010100

#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#ced4ae
```
#ced4ae rgb(206,212,174)
```

Complementary Color

#aebbd4
```
#aebbd4 rgb(174,187,212)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#c7aed4
```
#c7aed4 rgb(199,174,212)
```

Analogous Color

#bbd4ae
```
#bbd4ae rgb(187,212,174)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#d4c7ae
```
#d4c7ae rgb(212,199,174)
```

Split Complementary Color

#aed4b4
```
#aed4b4 rgb(174,212,180)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#d4b4ae
```
#d4b4ae rgb(212,180,174)
```

Triadic Color

#aeced4
```
#aeced4 rgb(174,206,212)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#d4b4ae
```
#d4b4ae rgb(212,180,174)
```
#ced4ae
```
#ced4ae rgb(206,212,174)
```

Tetradic Color

#867cb9
```
#867cb9 rgb(134,124,185)
```
#958dc2
```
#958dc2 rgb(149,141,194)
```
#a59dcb
```
#a59dcb rgb(165,157,203)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#c3bfdd
```
#c3bfdd rgb(195,191,221)
```
#d3cfe6
```
#d3cfe6 rgb(211,207,230)
```
#e2e0ef
```
#e2e0ef rgb(226,224,239)
```

Monochromatic Color

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

#aeb2d4
```
#aeb2d4 rgb(174,178,212)
```
#aeaed4
```
#aeaed4 rgb(174,174,212)
```
#b1aed4
```
#b1aed4 rgb(177,174,212)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#b7aed4
```
#b7aed4 rgb(183,174,212)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#beaed4
```
#beaed4 rgb(190,174,212)
```

Similar Colors

Text with hexadecimal color #b4aed4

This text has a font color of #b4aed4.

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

#b4aed4 background color

This paragraph has a background color of #b4aed4.

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

#b4aed4 border color

This element has a border color of #b4aed4.

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

CSS codes

.text {color:#b4aed4;}

.background {background-color:#b4aed4;}

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

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

#050509
```
#050509 rgb(5,5,9)
```
#0d0b16
```
#0d0b16 rgb(13,11,22)
```
#151222
```
#151222 rgb(21,18,34)
```
#1d192f
```
#1d192f rgb(29,25,47)
```
#24203c
```
#24203c rgb(36,32,60)
```
#2c2749
```
#2c2749 rgb(44,39,73)
```
#342d56
```
#342d56 rgb(52,45,86)
```
#3c3462
```
#3c3462 rgb(60,52,98)
```
#433b6f
```
#433b6f rgb(67,59,111)
```
#4b427c
```
#4b427c rgb(75,66,124)
```
#534989
```
#534989 rgb(83,73,137)
```
#5b4f96
```
#5b4f96 rgb(91,79,150)
```
#6256a2
```
#6256a2 rgb(98,86,162)
```

Shade Color Variation

#6d61ab
```
#6d61ab rgb(109,97,171)
```
#796eb2
```
#796eb2 rgb(121,110,178)
```
#857bb9
```
#857bb9 rgb(133,123,185)
```
#9088c0
```
#9088c0 rgb(144,136,192)
```
#9c94c6
```
#9c94c6 rgb(156,148,198)
```
#a8a1cd
```
#a8a1cd rgb(168,161,205)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#c0bbdb
```
#c0bbdb rgb(192,187,219)
```
#ccc8e2
```
#ccc8e2 rgb(204,200,226)
```
#d8d4e8
```
#d8d4e8 rgb(216,212,232)
```
#e3e1ef
```
#e3e1ef rgb(227,225,239)
```
#efeef6
```
#efeef6 rgb(239,238,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#bebcc6
```
#bebcc6 rgb(190,188,198)
```
#bbb8ca
```
#bbb8ca rgb(187,184,202)
```
#b7b3cf
```
#b7b3cf rgb(183,179,207)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#b1a9d9
```
#b1a9d9 rgb(177,169,217)
```
#ada4de
```
#ada4de rgb(173,164,222)
```
#aaa0e2
```
#aaa0e2 rgb(170,160,226)
```
#a79be7
```
#a79be7 rgb(167,155,231)
```
#a496ec
```
#a496ec rgb(164,150,236)
```
#a091f1
```
#a091f1 rgb(160,145,241)
```
#9d8df5
```
#9d8df5 rgb(157,141,245)
```
#9a88fa
```
#9a88fa rgb(154,136,250)
```
#9783ff
```
#9783ff rgb(151,131,255)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b4b3ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb4d7 Protanopia 1% of men
#b6b2d6 Deuteranopia 1% of men
#b3b5c2 Tritanopia 0.001% of the population

Trichromacy

#b0b2d6 Protanomaly 1% of men, 0.01% of women
#b5b0d5 Deuteranomaly 6% of men, 0.4% of women
#b3b2c9 Tritanomaly 0.01% of the population

#b4aed4 hex color

#b4aed4 Color Information

#b4aed4 Color Conversion

Color Schemes with #b4aed4

Alternatives to #b4aed4

#b4aed4 Preview

Shades and Tints of #b4aed4

Tones of #b4aed4

Color Blindness Simulator