#bbaaf5 hex color

In a RGB color space, hex #bbaaf5 is composed of 73.3% red, 66.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 30.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 253.6 degrees, a saturation of 78.9% and a lightness of 81.4%. #bbaaf5 color hex could be obtained by blending #ffffff with #7755eb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 67
- B 96
RGB color chart
- C 24
- M 31
- Y 0
- K 4
CMYK color chart

● #bbaaf5 color description : Very soft blue.

The hexadecimal color #bbaaf5 has RGB values of R:187, G:170, B:245 and CMYK values of C:0.24, M:0.31, Y:0, K:0.04. Its decimal value is 12298997.

Hex triplet	bbaaf5	`#bbaaf5`
RGB Decimal	187, 170, 245	`rgb(187,170,245)`
RGB Percent	73.3, 66.7, 96.1	`rgb(73.3%,66.7%,96.1%)`
CMYK	24, 31, 0, 4
HSL	253.6°, 78.9, 81.4	`hsl(253.6,78.9%,81.4%)`
HSV (or HSB)	253.6°, 30.6, 96.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.485, 21.508, -35.16
XYZ	51.347, 45.907, 92.537
xyY	0.271, 0.242, 45.907
CIE-LCH	73.485, 41.217, 301.455
CIE-LUV	73.485, 3.825, -59.521
Hunter-Lab	67.754, 16.704, -33.548
Binary	10111011, 10101010, 11110101

#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#e4f5aa
```
#e4f5aa rgb(228,245,170)
```

Complementary Color

#aabff5
```
#aabff5 rgb(170,191,245)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#e1aaf5
```
#e1aaf5 rgb(225,170,245)
```

Analogous Color

#bff5aa
```
#bff5aa rgb(191,245,170)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#f5e1aa
```
#f5e1aa rgb(245,225,170)
```

Split Complementary Color

#aaf5bb
```
#aaf5bb rgb(170,245,187)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#f5bbaa
```
#f5bbaa rgb(245,187,170)
```

Triadic Color

#aae4f5
```
#aae4f5 rgb(170,228,245)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#f5bbaa
```
#f5bbaa rgb(245,187,170)
```
#e4f5aa
```
#e4f5aa rgb(228,245,170)
```

Tetradic Color

#8466ed
```
#8466ed rgb(132,102,237)
```
#967cf0
```
#967cf0 rgb(150,124,240)
```
#a993f2
```
#a993f2 rgb(169,147,242)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#cdc1f8
```
#cdc1f8 rgb(205,193,248)
```
#e0d8fa
```
#e0d8fa rgb(224,216,250)
```
#f2eefd
```
#f2eefd rgb(242,238,253)
```

Monochromatic Color

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

#aaacf5
```
#aaacf5 rgb(170,172,245)
```
#afaaf5
```
#afaaf5 rgb(175,170,245)
```
#b5aaf5
```
#b5aaf5 rgb(181,170,245)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#c1aaf5
```
#c1aaf5 rgb(193,170,245)
```
#c8aaf5
```
#c8aaf5 rgb(200,170,245)
```
#ceaaf5
```
#ceaaf5 rgb(206,170,245)
```

Similar Colors

Text with hexadecimal color #bbaaf5

This text has a font color of #bbaaf5.

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

#bbaaf5 background color

This paragraph has a background color of #bbaaf5.

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

#bbaaf5 border color

This element has a border color of #bbaaf5.

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

CSS codes

.text {color:#bbaaf5;}

.background {background-color:#bbaaf5;}

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060214
```
#060214 rgb(6,2,20)
```
#0c0426
```
#0c0426 rgb(12,4,38)
```
#120737
```
#120737 rgb(18,7,55)
```
#170949
```
#170949 rgb(23,9,73)
```
#1d0b5b
```
#1d0b5b rgb(29,11,91)
```
#220d6c
```
#220d6c rgb(34,13,108)
```
#280f7e
```
#280f7e rgb(40,15,126)
```
#2d118f
```
#2d118f rgb(45,17,143)
```
#3313a1
```
#3313a1 rgb(51,19,161)
```
#3915b2
```
#3915b2 rgb(57,21,178)
```
#3e17c4
```
#3e17c4 rgb(62,23,196)
```
#4419d5
```
#4419d5 rgb(68,25,213)
```

Shade Color Variation

#4b1ee4
```
#4b1ee4 rgb(75,30,228)
```
#592fe7
```
#592fe7 rgb(89,47,231)
```
#6741e9
```
#6741e9 rgb(103,65,233)
```
#7552eb
```
#7552eb rgb(117,82,235)
```
#8364ed
```
#8364ed rgb(131,100,237)
```
#9175ef
```
#9175ef rgb(145,117,239)
```
#9f87f1
```
#9f87f1 rgb(159,135,241)
```
#ad98f3
```
#ad98f3 rgb(173,152,243)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#c9bcf7
```
#c9bcf7 rgb(201,188,247)
```
#d7cdf9
```
#d7cdf9 rgb(215,205,249)
```
#e5dffb
```
#e5dffb rgb(229,223,251)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#cfcfd0
```
#cfcfd0 rgb(207,207,208)
```
#cdcbd4
```
#cdcbd4 rgb(205,203,212)
```
#cbc7d8
```
#cbc7d8 rgb(203,199,216)
```
#c9c4db
```
#c9c4db rgb(201,196,219)
```
#c7c0df
```
#c7c0df rgb(199,192,223)
```
#c5bce3
```
#c5bce3 rgb(197,188,227)
```
#c3b9e6
```
#c3b9e6 rgb(195,185,230)
```
#c1b5ea
```
#c1b5ea rgb(193,181,234)
```
#bfb1ee
```
#bfb1ee rgb(191,177,238)
```
#bdaef1
```
#bdaef1 rgb(189,174,241)
```
#bbaaf5
```
#bbaaf5 rgb(187,170,245)
```
#b9a6f9
```
#b9a6f9 rgb(185,166,249)
```
#b7a3fc
```
#b7a3fc rgb(183,163,252)
```

Tone Color Variation

Below, you can see how #bbaaf5 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
#b9b5c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b6fa Protanopia 1% of men
#a6b6f2 Deuteranopia 1% of men
#b3b8c5 Tritanopia 0.001% of the population

Trichromacy

#aab1f8 Protanomaly 1% of men, 0.01% of women
#adb1f3 Deuteranomaly 6% of men, 0.4% of women
#b6b3d6 Tritanomaly 0.01% of the population

#bbaaf5 hex color

#bbaaf5 Color Information

#bbaaf5 Color Conversion

Color Schemes with #bbaaf5

Alternatives to #bbaaf5

#bbaaf5 Preview

Shades and Tints of #bbaaf5

Tones of #bbaaf5

Color Blindness Simulator