#bbafef hex color

In a RGB color space, hex #bbafef is composed of 73.3% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 251.3 degrees, a saturation of 66.7% and a lightness of 81.2%. #bbafef color hex could be obtained by blending #ffffff with #775fdf. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 69
- B 94
RGB color chart
- C 22
- M 27
- Y 0
- K 6
CMYK color chart

● #bbafef color description : Very soft blue.

The hexadecimal color #bbafef has RGB values of R:187, G:175, B:239 and CMYK values of C:0.22, M:0.27, Y:0, K:0.06. Its decimal value is 12300271.

Hex triplet	bbafef	`#bbafef`
RGB Decimal	187, 175, 239	`rgb(187,175,239)`
RGB Percent	73.3, 68.6, 93.7	`rgb(73.3%,68.6%,93.7%)`
CMYK	22, 27, 0, 6
HSL	251.3°, 66.7, 81.2	`hsl(251.3,66.7%,81.2%)`
HSV (or HSB)	251.3°, 26.8, 93.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.481, 17.358, -30.372
XYZ	51.401, 47.456, 88.109
xyY	0.275, 0.254, 47.456
CIE-LCH	74.481, 34.982, 299.749
CIE-LUV	74.481, 2.174, -51.016
Hunter-Lab	68.889, 12.631, -27.61
Binary	10111011, 10101111, 11101111

#bbafef
```
#bbafef rgb(187,175,239)
```
#e3efaf
```
#e3efaf rgb(227,239,175)
```

Complementary Color

#afc3ef
```
#afc3ef rgb(175,195,239)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#dbafef
```
#dbafef rgb(219,175,239)
```

Analogous Color

#c3efaf
```
#c3efaf rgb(195,239,175)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#efdbaf
```
#efdbaf rgb(239,219,175)
```

Split Complementary Color

#afefbb
```
#afefbb rgb(175,239,187)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#efbbaf
```
#efbbaf rgb(239,187,175)
```

Triadic Color

#afe3ef
```
#afe3ef rgb(175,227,239)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#efbbaf
```
#efbbaf rgb(239,187,175)
```
#e3efaf
```
#e3efaf rgb(227,239,175)
```

Tetradic Color

#856fe2
```
#856fe2 rgb(133,111,226)
```
#9785e7
```
#9785e7 rgb(151,133,231)
```
#a99aeb
```
#a99aeb rgb(169,154,235)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#cdc4f3
```
#cdc4f3 rgb(205,196,243)
```
#dfdaf8
```
#dfdaf8 rgb(223,218,248)
```
#f1effc
```
#f1effc rgb(241,239,252)
```

Monochromatic Color

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

#afb3ef
```
#afb3ef rgb(175,179,239)
```
#b0afef
```
#b0afef rgb(176,175,239)
```
#b6afef
```
#b6afef rgb(182,175,239)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#c0afef
```
#c0afef rgb(192,175,239)
```
#c6afef
```
#c6afef rgb(198,175,239)
```
#cbafef
```
#cbafef rgb(203,175,239)
```

Similar Colors

Text with hexadecimal color #bbafef

This text has a font color of #bbafef.

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

#bbafef background color

This paragraph has a background color of #bbafef.

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

#bbafef border color

This element has a border color of #bbafef.

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

CSS codes

.text {color:#bbafef;}

.background {background-color:#bbafef;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#060412
```
#060412 rgb(6,4,18)
```
#0c0722
```
#0c0722 rgb(12,7,34)
```
#120a33
```
#120a33 rgb(18,10,51)
```
#170d43
```
#170d43 rgb(23,13,67)
```
#1d1153
```
#1d1153 rgb(29,17,83)
```
#231464
```
#231464 rgb(35,20,100)
```
#291774
```
#291774 rgb(41,23,116)
```
#2e1b85
```
#2e1b85 rgb(46,27,133)
```
#341e95
```
#341e95 rgb(52,30,149)
```
#3a21a5
```
#3a21a5 rgb(58,33,165)
```
#4024b6
```
#4024b6 rgb(64,36,182)
```
#4528c6
```
#4528c6 rgb(69,40,198)
```

Shade Color Variation

#4c2cd5
```
#4c2cd5 rgb(76,44,213)
```
#5a3dd8
```
#5a3dd8 rgb(90,61,216)
```
#684ddb
```
#684ddb rgb(104,77,219)
```
#765ddf
```
#765ddf rgb(118,93,223)
```
#836ee2
```
#836ee2 rgb(131,110,226)
```
#917ee5
```
#917ee5 rgb(145,126,229)
```
#9f8ee8
```
#9f8ee8 rgb(159,142,232)
```
#ad9fec
```
#ad9fec rgb(173,159,236)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#c9bff2
```
#c9bff2 rgb(201,191,242)
```
#d7d0f6
```
#d7d0f6 rgb(215,208,246)
```
#e5e0f9
```
#e5e0f9 rgb(229,224,249)
```
#f3f0fc
```
#f3f0fc rgb(243,240,252)
```

Tint Color Variation

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

#cdcdd1
```
#cdcdd1 rgb(205,205,209)
```
#cbc9d5
```
#cbc9d5 rgb(203,201,213)
```
#c9c5d9
```
#c9c5d9 rgb(201,197,217)
```
#c7c1dd
```
#c7c1dd rgb(199,193,221)
```
#c4bee0
```
#c4bee0 rgb(196,190,224)
```
#c2bae4
```
#c2bae4 rgb(194,186,228)
```
#c0b6e8
```
#c0b6e8 rgb(192,182,232)
```
#bdb3eb
```
#bdb3eb rgb(189,179,235)
```
#bbafef
```
#bbafef rgb(187,175,239)
```
#b9abf3
```
#b9abf3 rgb(185,171,243)
```
#b6a8f6
```
#b6a8f6 rgb(182,168,246)
```
#b4a4fa
```
#b4a4fa rgb(180,164,250)
```
#b2a0fe
```
#b2a0fe rgb(178,160,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bab8c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b8f3 Protanopia 1% of men
#aeb8ee Deuteranopia 1% of men
#b5bac8 Tritanopia 0.001% of the population

Trichromacy

#afb5f1 Protanomaly 1% of men, 0.01% of women
#b3b4ee Deuteranomaly 6% of men, 0.4% of women
#b7b6d6 Tritanomaly 0.01% of the population

#bbafef hex color

#bbafef Color Information

#bbafef Color Conversion

Color Schemes with #bbafef

Alternatives to #bbafef

#bbafef Preview

Shades and Tints of #bbafef

Tones of #bbafef

Color Blindness Simulator