#bbafc2 hex color

In a RGB color space, hex #bbafc2 is composed of 73.3% red, 68.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 9.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 277.9 degrees, a saturation of 13.5% and a lightness of 72.4%. #bbafc2 color hex could be obtained by blending #ffffff with #775f85. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 69
- B 76
RGB color chart
- C 4
- M 10
- Y 0
- K 24
CMYK color chart

● #bbafc2 color description : Grayish violet.

The hexadecimal color #bbafc2 has RGB values of R:187, G:175, B:194 and CMYK values of C:0.04, M:0.1, Y:0, K:0.24. Its decimal value is 12300226.

Hex triplet	bbafc2	`#bbafc2`
RGB Decimal	187, 175, 194	`rgb(187,175,194)`
RGB Percent	73.3, 68.6, 76.1	`rgb(73.3%,68.6%,76.1%)`
CMYK	4, 10, 0, 24
HSL	277.9°, 13.5, 72.4	`hsl(277.9,13.5%,72.4%)`
HSV (or HSB)	277.9°, 9.8, 76.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.971, 7.811, -8.115
XYZ	45.559, 45.12, 57.345
xyY	0.308, 0.305, 45.12
CIE-LCH	72.971, 11.264, 313.906
CIE-LUV	72.971, 5.612, -13.573
Hunter-Lab	67.171, 3.519, -3.596
Binary	10111011, 10101111, 11000010

#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#b6c2af
```
#b6c2af rgb(182,194,175)
```

Complementary Color

#b2afc2
```
#b2afc2 rgb(178,175,194)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#c2afc0
```
#c2afc0 rgb(194,175,192)
```

Analogous Color

#afc2b2
```
#afc2b2 rgb(175,194,178)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#c0c2af
```
#c0c2af rgb(192,194,175)
```

Split Complementary Color

#afc2bb
```
#afc2bb rgb(175,194,187)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#c2bbaf
```
#c2bbaf rgb(194,187,175)
```

Triadic Color

#afb6c2
```
#afb6c2 rgb(175,182,194)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#c2bbaf
```
#c2bbaf rgb(194,187,175)
```
#b6c2af
```
#b6c2af rgb(182,194,175)
```

Tetradic Color

#9684a1
```
#9684a1 rgb(150,132,161)
```
#a292ac
```
#a292ac rgb(162,146,172)
```
#afa1b7
```
#afa1b7 rgb(175,161,183)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#c7bdcd
```
#c7bdcd rgb(199,189,205)
```
#d4ccd8
```
#d4ccd8 rgb(212,204,216)
```
#e0dae3
```
#e0dae3 rgb(224,218,227)
```

Monochromatic Color

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

#b6afc2
```
#b6afc2 rgb(182,175,194)
```
#b8afc2
```
#b8afc2 rgb(184,175,194)
```
#b9afc2
```
#b9afc2 rgb(185,175,194)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#bdafc2
```
#bdafc2 rgb(189,175,194)
```
#beafc2
```
#beafc2 rgb(190,175,194)
```
#c0afc2
```
#c0afc2 rgb(192,175,194)
```

Similar Colors

Text with hexadecimal color #bbafc2

This text has a font color of #bbafc2.

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

#bbafc2 background color

This paragraph has a background color of #bbafc2.

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

#bbafc2 border color

This element has a border color of #bbafc2.

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

CSS codes

.text {color:#bbafc2;}

.background {background-color:#bbafc2;}

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

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

#080709
```
#080709 rgb(8,7,9)
```
#120f14
```
#120f14 rgb(18,15,20)
```
#1d181f
```
#1d181f rgb(29,24,31)
```
#27202a
```
#27202a rgb(39,32,42)
```
#312936
```
#312936 rgb(49,41,54)
```
#3b3141
```
#3b3141 rgb(59,49,65)
```
#453a4c
```
#453a4c rgb(69,58,76)
```
#4f4257
```
#4f4257 rgb(79,66,87)
```
#594b62
```
#594b62 rgb(89,75,98)
```
#64536d
```
#64536d rgb(100,83,109)
```
#6e5c78
```
#6e5c78 rgb(110,92,120)
```
#786483
```
#786483 rgb(120,100,131)
```
#826d8f
```
#826d8f rgb(130,109,143)
```

Shade Color Variation

#8c7798
```
#8c7798 rgb(140,119,152)
```
#9582a0
```
#9582a0 rgb(149,130,160)
```
#9f8ea9
```
#9f8ea9 rgb(159,142,169)
```
#a899b1
```
#a899b1 rgb(168,153,177)
```
#b2a4ba
```
#b2a4ba rgb(178,164,186)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#c4baca
```
#c4baca rgb(196,186,202)
```
#cec5d3
```
#cec5d3 rgb(206,197,211)
```
#d7d0db
```
#d7d0db rgb(215,208,219)
```
#e1dce4
```
#e1dce4 rgb(225,220,228)
```
#eae7ec
```
#eae7ec rgb(234,231,236)
```
#f4f2f5
```
#f4f2f5 rgb(244,242,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#bab4bd
```
#bab4bd rgb(186,180,189)
```
#bbafc2
```
#bbafc2 rgb(187,175,194)
```
#bcaac7
```
#bcaac7 rgb(188,170,199)
```
#bea4cd
```
#bea4cd rgb(190,164,205)
```
#bf9fd2
```
#bf9fd2 rgb(191,159,210)
```
#c199d8
```
#c199d8 rgb(193,153,216)
```
#c294dd
```
#c294dd rgb(194,148,221)
```
#c48ee3
```
#c48ee3 rgb(196,142,227)
```
#c589e8
```
#c589e8 rgb(197,137,232)
```
#c684ed
```
#c684ed rgb(198,132,237)
```
#c87ef3
```
#c87ef3 rgb(200,126,243)
```
#c979f8
```
#c979f8 rgb(201,121,248)
```
#cb73fe
```
#cb73fe rgb(203,115,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b6b4b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b5c6 Protanopia 1% of men
#c1b2c5 Deuteranopia 1% of men
#bdb3c0 Tritanopia 0.001% of the population

Trichromacy

#b7b3c4 Protanomaly 1% of men, 0.01% of women
#beb1c4 Deuteranomaly 6% of men, 0.4% of women
#bcb2c1 Tritanomaly 0.01% of the population

#bbafc2 hex color

#bbafc2 Color Information

#bbafc2 Color Conversion

Color Schemes with #bbafc2

Alternatives to #bbafc2

#bbafc2 Preview

Shades and Tints of #bbafc2

Tones of #bbafc2

Color Blindness Simulator