#b2aae2 hex color

In a RGB color space, hex #b2aae2 is composed of 69.8% red, 66.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 24.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 248.6 degrees, a saturation of 49.1% and a lightness of 77.6%. #b2aae2 color hex could be obtained by blending #ffffff with #6555c5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 67
- B 89
RGB color chart
- C 21
- M 25
- Y 0
- K 11
CMYK color chart

● #b2aae2 color description : Very soft blue.

The hexadecimal color #b2aae2 has RGB values of R:178, G:170, B:226 and CMYK values of C:0.21, M:0.25, Y:0, K:0.11. Its decimal value is 11709154.

Hex triplet	b2aae2	`#b2aae2`
RGB Decimal	178, 170, 226	`rgb(178,170,226)`
RGB Percent	69.8, 66.7, 88.6	`rgb(69.8%,66.7%,88.6%)`
CMYK	21, 25, 0, 11
HSL	248.6°, 49.1, 77.6	`hsl(248.6,49.1%,77.6%)`
HSV (or HSB)	248.6°, 24.8, 88.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.031, 14.423, -27.127
XYZ	46.46, 43.705, 77.936
xyY	0.276, 0.26, 43.705
CIE-LCH	72.031, 30.723, 297.999
CIE-LUV	72.031, 0.692, -44.97
Hunter-Lab	66.11, 9.752, -23.619
Binary	10110010, 10101010, 11100010

#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#dae2aa
```
#dae2aa rgb(218,226,170)
```

Complementary Color

#aabee2
```
#aabee2 rgb(170,190,226)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#ceaae2
```
#ceaae2 rgb(206,170,226)
```

Analogous Color

#bee2aa
```
#bee2aa rgb(190,226,170)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#e2ceaa
```
#e2ceaa rgb(226,206,170)
```

Split Complementary Color

#aae2b2
```
#aae2b2 rgb(170,226,178)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#e2b2aa
```
#e2b2aa rgb(226,178,170)
```

Triadic Color

#aadae2
```
#aadae2 rgb(170,218,226)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#e2b2aa
```
#e2b2aa rgb(226,178,170)
```
#dae2aa
```
#dae2aa rgb(218,226,170)
```

Tetradic Color

#7e71cf
```
#7e71cf rgb(126,113,207)
```
#9084d5
```
#9084d5 rgb(144,132,213)
```
#a197dc
```
#a197dc rgb(161,151,220)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#c3bde8
```
#c3bde8 rgb(195,189,232)
```
#d4d0ef
```
#d4d0ef rgb(212,208,239)
```
#e6e3f5
```
#e6e3f5 rgb(230,227,245)
```

Monochromatic Color

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

#aab0e2
```
#aab0e2 rgb(170,176,226)
```
#aaabe2
```
#aaabe2 rgb(170,171,226)
```
#adaae2
```
#adaae2 rgb(173,170,226)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#b7aae2
```
#b7aae2 rgb(183,170,226)
```
#bbaae2
```
#bbaae2 rgb(187,170,226)
```
#c0aae2
```
#c0aae2 rgb(192,170,226)
```

Similar Colors

Text with hexadecimal color #b2aae2

This text has a font color of #b2aae2.

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

#b2aae2 background color

This paragraph has a background color of #b2aae2.

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

#b2aae2 border color

This element has a border color of #b2aae2.

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

CSS codes

.text {color:#b2aae2;}

.background {background-color:#b2aae2;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080611
```
#080611 rgb(8,6,17)
```
#0e0b20
```
#0e0b20 rgb(14,11,32)
```
#14102f
```
#14102f rgb(20,16,47)
```
#1b153d
```
#1b153d rgb(27,21,61)
```
#211a4c
```
#211a4c rgb(33,26,76)
```
#271f5b
```
#271f5b rgb(39,31,91)
```
#2e2469
```
#2e2469 rgb(46,36,105)
```
#342978
```
#342978 rgb(52,41,120)
```
#3a2e86
```
#3a2e86 rgb(58,46,134)
```
#413395
```
#413395 rgb(65,51,149)
```
#4738a4
```
#4738a4 rgb(71,56,164)
```
#4e3db2
```
#4e3db2 rgb(78,61,178)
```

Shade Color Variation

#5544bf
```
#5544bf rgb(85,68,191)
```
#6352c4
```
#6352c4 rgb(99,82,196)
```
#7061c9
```
#7061c9 rgb(112,97,201)
```
#7d6fce
```
#7d6fce rgb(125,111,206)
```
#8a7ed3
```
#8a7ed3 rgb(138,126,211)
```
#988dd8
```
#988dd8 rgb(152,141,216)
```
#a59bdd
```
#a59bdd rgb(165,155,221)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#bfb9e7
```
#bfb9e7 rgb(191,185,231)
```
#ccc7ec
```
#ccc7ec rgb(204,199,236)
```
#dad6f1
```
#dad6f1 rgb(218,214,241)
```
#e7e5f6
```
#e7e5f6 rgb(231,229,246)
```
#f4f3fb
```
#f4f3fb rgb(244,243,251)
```

Tint Color Variation

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

#c5c4c8
```
#c5c4c8 rgb(197,196,200)
```
#c2c0cc
```
#c2c0cc rgb(194,192,204)
```
#bfbcd0
```
#bfbcd0 rgb(191,188,208)
```
#bbb7d5
```
#bbb7d5 rgb(187,183,213)
```
#b8b3d9
```
#b8b3d9 rgb(184,179,217)
```
#b5aede
```
#b5aede rgb(181,174,222)
```
#b2aae2
```
#b2aae2 rgb(178,170,226)
```
#afa6e6
```
#afa6e6 rgb(175,166,230)
```
#aca1eb
```
#aca1eb rgb(172,161,235)
```
#a99def
```
#a99def rgb(169,157,239)
```
#a598f4
```
#a598f4 rgb(165,152,244)
```
#a294f8
```
#a294f8 rgb(162,148,248)
```
#9f90fc
```
#9f90fc rgb(159,144,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b1bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b2e6 Protanopia 1% of men
#abb1e2 Deuteranopia 1% of men
#aeb4c1 Tritanopia 0.001% of the population

Trichromacy

#aaafe4 Protanomaly 1% of men, 0.01% of women
#aeaee2 Deuteranomaly 6% of men, 0.4% of women
#afb0cd Tritanomaly 0.01% of the population

#b2aae2 hex color

#b2aae2 Color Information

#b2aae2 Color Conversion

Color Schemes with #b2aae2

Alternatives to #b2aae2

#b2aae2 Preview

Shades and Tints of #b2aae2

Tones of #b2aae2

Color Blindness Simulator