#bbacf4 hex color

In a RGB color space, hex #bbacf4 is composed of 73.3% red, 67.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 29.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 252.5 degrees, a saturation of 76.6% and a lightness of 81.6%. #bbacf4 color hex could be obtained by blending #ffffff with #7759e9. Closest websafe color is: #cc99ff.

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

● #bbacf4 color description : Very soft blue.

The hexadecimal color #bbacf4 has RGB values of R:187, G:172, B:244 and CMYK values of C:0.23, M:0.3, Y:0, K:0.04. Its decimal value is 12299508.

Hex triplet	bbacf4	`#bbacf4`
RGB Decimal	187, 172, 244	`rgb(187,172,244)`
RGB Percent	73.3, 67.5, 95.7	`rgb(73.3%,67.5%,95.7%)`
CMYK	23, 30, 0, 4
HSL	252.5°, 76.6, 81.6	`hsl(252.5,76.6%,81.6%)`
HSV (or HSB)	252.5°, 29.5, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.934, 20.168, -33.923
XYZ	51.572, 46.601, 91.861
xyY	0.271, 0.245, 46.601
CIE-LCH	73.934, 39.466, 300.732
CIE-LUV	73.934, 3.064, -57.306
Hunter-Lab	68.265, 15.387, -31.998
Binary	10111011, 10101100, 11110100

#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#e5f4ac
```
#e5f4ac rgb(229,244,172)
```

Complementary Color

#acc1f4
```
#acc1f4 rgb(172,193,244)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#dfacf4
```
#dfacf4 rgb(223,172,244)
```

Analogous Color

#c1f4ac
```
#c1f4ac rgb(193,244,172)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#f4dfac
```
#f4dfac rgb(244,223,172)
```

Split Complementary Color

#acf4bb
```
#acf4bb rgb(172,244,187)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#f4bbac
```
#f4bbac rgb(244,187,172)
```

Triadic Color

#ace5f4
```
#ace5f4 rgb(172,229,244)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#f4bbac
```
#f4bbac rgb(244,187,172)
```
#e5f4ac
```
#e5f4ac rgb(229,244,172)
```

Tetradic Color

#8468eb
```
#8468eb rgb(132,104,235)
```
#967fee
```
#967fee rgb(150,127,238)
```
#a995f1
```
#a995f1 rgb(169,149,241)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#cdc3f7
```
#cdc3f7 rgb(205,195,247)
```
#e0d9fa
```
#e0d9fa rgb(224,217,250)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Monochromatic Color

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

#acaff4
```
#acaff4 rgb(172,175,244)
```
#afacf4
```
#afacf4 rgb(175,172,244)
```
#b5acf4
```
#b5acf4 rgb(181,172,244)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#c1acf4
```
#c1acf4 rgb(193,172,244)
```
#c7acf4
```
#c7acf4 rgb(199,172,244)
```
#cdacf4
```
#cdacf4 rgb(205,172,244)
```

Similar Colors

Text with hexadecimal color #bbacf4

This text has a font color of #bbacf4.

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

#bbacf4 background color

This paragraph has a background color of #bbacf4.

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

#bbacf4 border color

This element has a border color of #bbacf4.

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

CSS codes

.text {color:#bbacf4;}

.background {background-color:#bbacf4;}

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

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

#010004
```
#010004 rgb(1,0,4)
```
#070315
```
#070315 rgb(7,3,21)
```
#0c0526
```
#0c0526 rgb(12,5,38)
```
#110738
```
#110738 rgb(17,7,56)
```
#170a49
```
#170a49 rgb(23,10,73)
```
#1c0c5a
```
#1c0c5a rgb(28,12,90)
```
#220e6c
```
#220e6c rgb(34,14,108)
```
#27117d
```
#27117d rgb(39,17,125)
```
#2d138e
```
#2d138e rgb(45,19,142)
```
#32159f
```
#32159f rgb(50,21,159)
```
#3717b1
```
#3717b1 rgb(55,23,177)
```
#3d1ac2
```
#3d1ac2 rgb(61,26,194)
```
#421cd3
```
#421cd3 rgb(66,28,211)
```

Shade Color Variation

#4921e2
```
#4921e2 rgb(73,33,226)
```
#5833e4
```
#5833e4 rgb(88,51,228)
```
#6644e6
```
#6644e6 rgb(102,68,230)
```
#7455e9
```
#7455e9 rgb(116,85,233)
```
#8267eb
```
#8267eb rgb(130,103,235)
```
#9078ed
```
#9078ed rgb(144,120,237)
```
#9f89ef
```
#9f89ef rgb(159,137,239)
```
#ad9bf2
```
#ad9bf2 rgb(173,155,242)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#c9bdf6
```
#c9bdf6 rgb(201,189,246)
```
#d7cff9
```
#d7cff9 rgb(215,207,249)
```
#e6e0fb
```
#e6e0fb rgb(230,224,251)
```
#f4f1fd
```
#f4f1fd rgb(244,241,253)
```

Tint Color Variation

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

#cecdd3
```
#cecdd3 rgb(206,205,211)
```
#ccc9d7
```
#ccc9d7 rgb(204,201,215)
```
#cac5db
```
#cac5db rgb(202,197,219)
```
#c8c2de
```
#c8c2de rgb(200,194,222)
```
#c6bee2
```
#c6bee2 rgb(198,190,226)
```
#c3bae6
```
#c3bae6 rgb(195,186,230)
```
#c1b7e9
```
#c1b7e9 rgb(193,183,233)
```
#bfb3ed
```
#bfb3ed rgb(191,179,237)
```
#bdb0f0
```
#bdb0f0 rgb(189,176,240)
```
#bbacf4
```
#bbacf4 rgb(187,172,244)
```
#b9a8f8
```
#b9a8f8 rgb(185,168,248)
```
#b7a5fb
```
#b7a5fb rgb(183,165,251)
```
#b5a1ff
```
#b5a1ff rgb(181,161,255)
```

Tone Color Variation

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

Dichromacy

#a4b7f9 Protanopia 1% of men
#a9b7f2 Deuteranopia 1% of men
#b4b9c6 Tritanopia 0.001% of the population

Trichromacy

#acb3f7 Protanomaly 1% of men, 0.01% of women
#afb3f2 Deuteranomaly 6% of men, 0.4% of women
#b6b4d7 Tritanomaly 0.01% of the population

#bbacf4 hex color

#bbacf4 Color Information

#bbacf4 Color Conversion

Color Schemes with #bbacf4

Alternatives to #bbacf4

#bbacf4 Preview

Shades and Tints of #bbacf4

Tones of #bbacf4

Color Blindness Simulator