#baaed4 hex color

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

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

● #baaed4 color description : Grayish violet.

The hexadecimal color #baaed4 has RGB values of R:186, G:174, B:212 and CMYK values of C:0.12, M:0.18, Y:0, K:0.17. Its decimal value is 12234452.

Hex triplet	baaed4	`#baaed4`
RGB Decimal	186, 174, 212	`rgb(186,174,212)`
RGB Percent	72.9, 68.2, 83.1	`rgb(72.9%,68.2%,83.1%)`
CMYK	12, 18, 0, 17
HSL	258.9°, 30.6, 75.7	`hsl(258.9,30.6%,75.7%)`
HSV (or HSB)	258.9°, 17.9, 83.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.197, 11.667, -17.642
XYZ	47.267, 45.465, 68.569
xyY	0.293, 0.282, 45.465
CIE-LCH	73.197, 21.151, 303.477
CIE-LUV	73.197, 4.173, -29.196
Hunter-Lab	67.428, 7.132, -13.095
Binary	10111010, 10101110, 11010100

#baaed4
```
#baaed4 rgb(186,174,212)
```
#c8d4ae
```
#c8d4ae rgb(200,212,174)
```

Complementary Color

#aeb5d4
```
#aeb5d4 rgb(174,181,212)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#cdaed4
```
#cdaed4 rgb(205,174,212)
```

Analogous Color

#b5d4ae
```
#b5d4ae rgb(181,212,174)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#d4cdae
```
#d4cdae rgb(212,205,174)
```

Split Complementary Color

#aed4ba
```
#aed4ba rgb(174,212,186)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#d4baae
```
#d4baae rgb(212,186,174)
```

Triadic Color

#aec8d4
```
#aec8d4 rgb(174,200,212)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#d4baae
```
#d4baae rgb(212,186,174)
```
#c8d4ae
```
#c8d4ae rgb(200,212,174)
```

Tetradic Color

#8f7cb9
```
#8f7cb9 rgb(143,124,185)
```
#9e8dc2
```
#9e8dc2 rgb(158,141,194)
```
#ac9dcb
```
#ac9dcb rgb(172,157,203)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#c8bfdd
```
#c8bfdd rgb(200,191,221)
```
#d6cfe6
```
#d6cfe6 rgb(214,207,230)
```
#e5e0ef
```
#e5e0ef rgb(229,224,239)
```

Monochromatic Color

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

#b1aed4
```
#b1aed4 rgb(177,174,212)
```
#b4aed4
```
#b4aed4 rgb(180,174,212)
```
#b7aed4
```
#b7aed4 rgb(183,174,212)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#bdaed4
```
#bdaed4 rgb(189,174,212)
```
#c0aed4
```
#c0aed4 rgb(192,174,212)
```
#c4aed4
```
#c4aed4 rgb(196,174,212)
```

Similar Colors

Text with hexadecimal color #baaed4

This text has a font color of #baaed4.

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

#baaed4 background color

This paragraph has a background color of #baaed4.

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

#baaed4 border color

This element has a border color of #baaed4.

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

CSS codes

.text {color:#baaed4;}

.background {background-color:#baaed4;}

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

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

#060509
```
#060509 rgb(6,5,9)
```
#0f0b16
```
#0f0b16 rgb(15,11,22)
```
#171222
```
#171222 rgb(23,18,34)
```
#20192f
```
#20192f rgb(32,25,47)
```
#29203c
```
#29203c rgb(41,32,60)
```
#312749
```
#312749 rgb(49,39,73)
```
#3a2d56
```
#3a2d56 rgb(58,45,86)
```
#433462
```
#433462 rgb(67,52,98)
```
#4c3b6f
```
#4c3b6f rgb(76,59,111)
```
#54427c
```
#54427c rgb(84,66,124)
```
#5d4989
```
#5d4989 rgb(93,73,137)
```
#664f96
```
#664f96 rgb(102,79,150)
```
#6e56a2
```
#6e56a2 rgb(110,86,162)
```

Shade Color Variation

#7961ab
```
#7961ab rgb(121,97,171)
```
#836eb2
```
#836eb2 rgb(131,110,178)
```
#8e7bb9
```
#8e7bb9 rgb(142,123,185)
```
#9988c0
```
#9988c0 rgb(153,136,192)
```
#a494c6
```
#a494c6 rgb(164,148,198)
```
#afa1cd
```
#afa1cd rgb(175,161,205)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#c5bbdb
```
#c5bbdb rgb(197,187,219)
```
#d0c8e2
```
#d0c8e2 rgb(208,200,226)
```
#dbd4e8
```
#dbd4e8 rgb(219,212,232)
```
#e6e1ef
```
#e6e1ef rgb(230,225,239)
```
#f1eef6
```
#f1eef6 rgb(241,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, #bfbcc6 is the less saturated color, while #aa83ff is the most saturated one.

#bfbcc6
```
#bfbcc6 rgb(191,188,198)
```
#beb8ca
```
#beb8ca rgb(190,184,202)
```
#bcb3cf
```
#bcb3cf rgb(188,179,207)
```
#baaed4
```
#baaed4 rgb(186,174,212)
```
#b8a9d9
```
#b8a9d9 rgb(184,169,217)
```
#b6a4de
```
#b6a4de rgb(182,164,222)
```
#b5a0e2
```
#b5a0e2 rgb(181,160,226)
```
#b39be7
```
#b39be7 rgb(179,155,231)
```
#b196ec
```
#b196ec rgb(177,150,236)
```
#af91f1
```
#af91f1 rgb(175,145,241)
```
#ae8df5
```
#ae8df5 rgb(174,141,245)
```
#ac88fa
```
#ac88fa rgb(172,136,250)
```
#aa83ff
```
#aa83ff rgb(170,131,255)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b7b4bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb6d8 Protanopia 1% of men
#b9b3d5 Deuteranopia 1% of men
#b9b5c2 Tritanopia 0.001% of the population

Trichromacy

#b3b3d6 Protanomaly 1% of men, 0.01% of women
#b9b1d5 Deuteranomaly 6% of men, 0.4% of women
#b9b2c9 Tritanomaly 0.01% of the population

#baaed4 hex color

#baaed4 Color Information

#baaed4 Color Conversion

Color Schemes with #baaed4

Alternatives to #baaed4

#baaed4 Preview

Shades and Tints of #baaed4

Tones of #baaed4

Color Blindness Simulator