#bbaaff hex color

In a RGB color space, hex #bbaaff is composed of 73.3% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 252 degrees, a saturation of 100% and a lightness of 83.3%. #bbaaff color hex could be obtained by blending #ffffff with #7755ff. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 67
- B 100
RGB color chart
- C 27
- M 33
- Y 0
- K 0
CMYK color chart

● #bbaaff color description : Pale blue.

The hexadecimal color #bbaaff has RGB values of R:187, G:170, B:255 and CMYK values of C:0.27, M:0.33, Y:0, K:0. Its decimal value is 12299007.

Hex triplet	bbaaff	`#bbaaff`
RGB Decimal	187, 170, 255	`rgb(187,170,255)`
RGB Percent	73.3, 66.7, 100	`rgb(73.3%,66.7%,100%)`
CMYK	27, 33, 0, 0
HSL	252°, 100, 83.3	`hsl(252,100%,83.3%)`
HSV (or HSB)	252°, 33.3, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.891, 23.864, -39.937
XYZ	52.915, 46.534, 100.796
xyY	0.264, 0.232, 46.534
CIE-LCH	73.891, 46.524, 300.86
CIE-LUV	73.891, 2.985, -67.94
Hunter-Lab	68.216, 19.085, -39.857
Binary	10111011, 10101010, 11111111

#bbaaff
```
#bbaaff rgb(187,170,255)
```
#eeffaa
```
#eeffaa rgb(238,255,170)
```

Complementary Color

#aac4ff
```
#aac4ff rgb(170,196,255)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```
#e6aaff
```
#e6aaff rgb(230,170,255)
```

Analogous Color

#c4ffaa
```
#c4ffaa rgb(196,255,170)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```
#ffe6aa
```
#ffe6aa rgb(255,230,170)
```

Split Complementary Color

#aaffbb
```
#aaffbb rgb(170,255,187)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```
#ffbbaa
```
#ffbbaa rgb(255,187,170)
```

Triadic Color

#aaeeff
```
#aaeeff rgb(170,238,255)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```
#ffbbaa
```
#ffbbaa rgb(255,187,170)
```
#eeffaa
```
#eeffaa rgb(238,255,170)
```

Tetradic Color

#7e5eff
```
#7e5eff rgb(126,94,255)
```
#9277ff
```
#9277ff rgb(146,119,255)
```
#a791ff
```
#a791ff rgb(167,145,255)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```
#cfc4ff
```
#cfc4ff rgb(207,196,255)
```
#e4ddff
```
#e4ddff rgb(228,221,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Monochromatic Color

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

#aaaeff
```
#aaaeff rgb(170,174,255)
```
#adaaff
```
#adaaff rgb(173,170,255)
```
#b4aaff
```
#b4aaff rgb(180,170,255)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```
#c2aaff
```
#c2aaff rgb(194,170,255)
```
#c9aaff
```
#c9aaff rgb(201,170,255)
```
#d0aaff
```
#d0aaff rgb(208,170,255)
```

Similar Colors

Text with hexadecimal color #bbaaff

This text has a font color of #bbaaff.

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

#bbaaff background color

This paragraph has a background color of #bbaaff.

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

#bbaaff border color

This element has a border color of #bbaaff.

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

CSS codes

.text {color:#bbaaff;}

.background {background-color:#bbaaff;}

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

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, #03000d is the darkest color, while #faf8ff is the lightest one.

#03000d
```
#03000d rgb(3,0,13)
```
#070021
```
#070021 rgb(7,0,33)
```
#0a0034
```
#0a0034 rgb(10,0,52)
```
#0e0048
```
#0e0048 rgb(14,0,72)
```
#12005c
```
#12005c rgb(18,0,92)
```
#16006f
```
#16006f rgb(22,0,111)
```
#1a0083
```
#1a0083 rgb(26,0,131)
```
#1e0096
```
#1e0096 rgb(30,0,150)
```
#2200aa
```
#2200aa rgb(34,0,170)
```
#2600be
```
#2600be rgb(38,0,190)
```
#2a00d1
```
#2a00d1 rgb(42,0,209)
```
#2e00e5
```
#2e00e5 rgb(46,0,229)
```
#3200f8
```
#3200f8 rgb(50,0,248)
```

Shade Color Variation

#3d0dff
```
#3d0dff rgb(61,13,255)
```
#4d21ff
```
#4d21ff rgb(77,33,255)
```
#5d34ff
```
#5d34ff rgb(93,52,255)
```
#6d48ff
```
#6d48ff rgb(109,72,255)
```
#7c5cff
```
#7c5cff rgb(124,92,255)
```
#8c6fff
```
#8c6fff rgb(140,111,255)
```
#9c83ff
```
#9c83ff rgb(156,131,255)
```
#ab96ff
```
#ab96ff rgb(171,150,255)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```
#cbbeff
```
#cbbeff rgb(203,190,255)
```
#dad1ff
```
#dad1ff rgb(218,209,255)
```
#eae5ff
```
#eae5ff rgb(234,229,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#d3d1d8
```
#d3d1d8 rgb(211,209,216)
```
#d1cedb
```
#d1cedb rgb(209,206,219)
```
#cfcbde
```
#cfcbde rgb(207,203,222)
```
#cdc7e2
```
#cdc7e2 rgb(205,199,226)
```
#cbc4e5
```
#cbc4e5 rgb(203,196,229)
```
#c9c1e8
```
#c9c1e8 rgb(201,193,232)
```
#c7beeb
```
#c7beeb rgb(199,190,235)
```
#c5baef
```
#c5baef rgb(197,186,239)
```
#c3b7f2
```
#c3b7f2 rgb(195,183,242)
```
#c1b4f5
```
#c1b4f5 rgb(193,180,245)
```
#bfb1f8
```
#bfb1f8 rgb(191,177,248)
```
#bdadfc
```
#bdadfc rgb(189,173,252)
```
#bbaaff
```
#bbaaff rgb(187,170,255)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b9b6c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b7ff Protanopia 1% of men
#a0b7fb Deuteranopia 1% of men
#b1bac7 Tritanopia 0.001% of the population

Trichromacy

#aab2ff Protanomaly 1% of men, 0.01% of women
#aab2fc Deuteranomaly 6% of men, 0.4% of women
#b4b4db Tritanomaly 0.01% of the population

#bbaaff hex color

#bbaaff Color Information

#bbaaff Color Conversion

Color Schemes with #bbaaff

Alternatives to #bbaaff

#bbaaff Preview

Shades and Tints of #bbaaff

Tones of #bbaaff

Color Blindness Simulator