#bbaffc hex color

In a RGB color space, hex #bbaffc is composed of 73.3% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 249.4 degrees, a saturation of 92.8% and a lightness of 83.7%. #bbaffc color hex could be obtained by blending #ffffff with #775ff9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 69
- B 99
RGB color chart
- C 26
- M 31
- Y 0
- K 1
CMYK color chart

● #bbaffc color description : Very soft blue.

The hexadecimal color #bbaffc has RGB values of R:187, G:175, B:252 and CMYK values of C:0.26, M:0.31, Y:0, K:0.01. Its decimal value is 12300284.

Hex triplet	bbaffc	`#bbaffc`
RGB Decimal	187, 175, 252	`rgb(187,175,252)`
RGB Percent	73.3, 68.6, 98.8	`rgb(73.3%,68.6%,98.8%)`
CMYK	26, 31, 0, 1
HSL	249.4°, 92.8, 83.7	`hsl(249.4,92.8%,83.7%)`
HSV (or HSB)	249.4°, 30.6, 98.8
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.984, 20.381, -36.62
XYZ	53.391, 48.253, 98.591
xyY	0.267, 0.241, 48.253
CIE-LCH	74.984, 41.909, 299.098
CIE-LUV	74.984, 1.173, -61.987
Hunter-Lab	69.464, 15.635, -35.526
Binary	10111011, 10101111, 11111100

#bbaffc
```
#bbaffc rgb(187,175,252)
```
#f0fcaf
```
#f0fcaf rgb(240,252,175)
```

Complementary Color

#afcafc
```
#afcafc rgb(175,202,252)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```
#e2affc
```
#e2affc rgb(226,175,252)
```

Analogous Color

#cafcaf
```
#cafcaf rgb(202,252,175)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```
#fce2af
```
#fce2af rgb(252,226,175)
```

Split Complementary Color

#affcbb
```
#affcbb rgb(175,252,187)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```
#fcbbaf
```
#fcbbaf rgb(252,187,175)
```

Triadic Color

#aff0fc
```
#aff0fc rgb(175,240,252)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```
#fcbbaf
```
#fcbbaf rgb(252,187,175)
```
#f0fcaf
```
#f0fcaf rgb(240,252,175)
```

Tetradic Color

#7c65f9
```
#7c65f9 rgb(124,101,249)
```
#917efa
```
#917efa rgb(145,126,250)
```
#a696fb
```
#a696fb rgb(166,150,251)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```
#d0c8fd
```
#d0c8fd rgb(208,200,253)
```
#e5e0fe
```
#e5e0fe rgb(229,224,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Monochromatic Color

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

#afb6fc
```
#afb6fc rgb(175,182,252)
```
#afb0fc
```
#afb0fc rgb(175,176,252)
```
#b5affc
```
#b5affc rgb(181,175,252)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```
#c1affc
```
#c1affc rgb(193,175,252)
```
#c8affc
```
#c8affc rgb(200,175,252)
```
#ceaffc
```
#ceaffc rgb(206,175,252)
```

Similar Colors

Text with hexadecimal color #bbaffc

This text has a font color of #bbaffc.

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

#bbaffc background color

This paragraph has a background color of #bbaffc.

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

#bbaffc border color

This element has a border color of #bbaffc.

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

CSS codes

.text {color:#bbaffc;}

.background {background-color:#bbaffc;}

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

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, #03010f is the darkest color, while #fbfbff is the lightest one.

#03010f
```
#03010f rgb(3,1,15)
```
#060121
```
#060121 rgb(6,1,33)
```
#0a0234
```
#0a0234 rgb(10,2,52)
```
#0d0347
```
#0d0347 rgb(13,3,71)
```
#11035a
```
#11035a rgb(17,3,90)
```
#14046d
```
#14046d rgb(20,4,109)
```
#180580
```
#180580 rgb(24,5,128)
```
#1c0693
```
#1c0693 rgb(28,6,147)
```
#1f06a6
```
#1f06a6 rgb(31,6,166)
```
#2307b9
```
#2307b9 rgb(35,7,185)
```
#2608cc
```
#2608cc rgb(38,8,204)
```
#2a08df
```
#2a08df rgb(42,8,223)
```
#2d09f1
```
#2d09f1 rgb(45,9,241)
```

Shade Color Variation

#3a18f6
```
#3a18f6 rgb(58,24,246)
```
#4b2bf7
```
#4b2bf7 rgb(75,43,247)
```
#5b3ef8
```
#5b3ef8 rgb(91,62,248)
```
#6b50f8
```
#6b50f8 rgb(107,80,248)
```
#7b63f9
```
#7b63f9 rgb(123,99,249)
```
#8b76fa
```
#8b76fa rgb(139,118,250)
```
#9b89fb
```
#9b89fb rgb(155,137,251)
```
#ab9cfb
```
#ab9cfb rgb(171,156,251)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```
#cbc2fd
```
#cbc2fd rgb(203,194,253)
```
#dbd5fd
```
#dbd5fd rgb(219,213,253)
```
#ebe8fe
```
#ebe8fe rgb(235,232,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#d5d5d6
```
#d5d5d6 rgb(213,213,214)
```
#d3d2d9
```
#d3d2d9 rgb(211,210,217)
```
#d1cfdc
```
#d1cfdc rgb(209,207,220)
```
#cfccdf
```
#cfccdf rgb(207,204,223)
```
#cdc9e2
```
#cdc9e2 rgb(205,201,226)
```
#cac5e6
```
#cac5e6 rgb(202,197,230)
```
#c8c2e9
```
#c8c2e9 rgb(200,194,233)
```
#c6bfec
```
#c6bfec rgb(198,191,236)
```
#c4bcef
```
#c4bcef rgb(196,188,239)
```
#c2b9f2
```
#c2b9f2 rgb(194,185,242)
```
#bfb5f6
```
#bfb5f6 rgb(191,181,246)
```
#bdb2f9
```
#bdb2f9 rgb(189,178,249)
```
#bbaffc
```
#bbaffc rgb(187,175,252)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bbb9c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b9ff Protanopia 1% of men
#a8b9f9 Deuteranopia 1% of men
#b2bdca Tritanopia 0.001% of the population

Trichromacy

#adb5fd Protanomaly 1% of men, 0.01% of women
#afb5fa Deuteranomaly 6% of men, 0.4% of women
#b5b8dc Tritanomaly 0.01% of the population

#bbaffc hex color

#bbaffc Color Information

#bbaffc Color Conversion

Color Schemes with #bbaffc

Alternatives to #bbaffc

#bbaffc Preview

Shades and Tints of #bbaffc

Tones of #bbaffc

Color Blindness Simulator