#bba6f6 hex color

In a RGB color space, hex #bba6f6 is composed of 73.3% red, 65.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 32.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 255.8 degrees, a saturation of 81.6% and a lightness of 80.8%. #bba6f6 color hex could be obtained by blending #ffffff with #774ded. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 65
- B 96
RGB color chart
- C 24
- M 33
- Y 0
- K 4
CMYK color chart

● #bba6f6 color description : Very soft violet.

The hexadecimal color #bba6f6 has RGB values of R:187, G:166, B:246 and CMYK values of C:0.24, M:0.33, Y:0, K:0.04. Its decimal value is 12297974.

Hex triplet	bba6f6	`#bba6f6`
RGB Decimal	187, 166, 246	`rgb(187,166,246)`
RGB Percent	73.3, 65.1, 96.5	`rgb(73.3%,65.1%,96.5%)`
CMYK	24, 33, 0, 4
HSL	255.8°, 81.6, 80.8	`hsl(255.8,81.6%,80.8%)`
HSV (or HSB)	255.8°, 32.5, 96.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.555, 23.961, -37.144
XYZ	50.761, 44.491, 93.097
xyY	0.27, 0.236, 44.491
CIE-LCH	72.555, 44.202, 302.826
CIE-LUV	72.555, 5.406, -63.083
Hunter-Lab	66.702, 19.115, -36.062
Binary	10111011, 10100110, 11110110

#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#e1f6a6
```
#e1f6a6 rgb(225,246,166)
```

Complementary Color

#a6b9f6
```
#a6b9f6 rgb(166,185,246)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#e3a6f6
```
#e3a6f6 rgb(227,166,246)
```

Analogous Color

#b9f6a6
```
#b9f6a6 rgb(185,246,166)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#f6e3a6
```
#f6e3a6 rgb(246,227,166)
```

Split Complementary Color

#a6f6bb
```
#a6f6bb rgb(166,246,187)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#f6bba6
```
#f6bba6 rgb(246,187,166)
```

Triadic Color

#a6e1f6
```
#a6e1f6 rgb(166,225,246)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#f6bba6
```
#f6bba6 rgb(246,187,166)
```
#e1f6a6
```
#e1f6a6 rgb(225,246,166)
```

Tetradic Color

#8661ef
```
#8661ef rgb(134,97,239)
```
#9878f1
```
#9878f1 rgb(152,120,241)
```
#a98ff4
```
#a98ff4 rgb(169,143,244)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#cdbdf8
```
#cdbdf8 rgb(205,189,248)
```
#ded4fb
```
#ded4fb rgb(222,212,251)
```
#f0ebfd
```
#f0ebfd rgb(240,235,253)
```

Monochromatic Color

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

#a7a6f6
```
#a7a6f6 rgb(167,166,246)
```
#aea6f6
```
#aea6f6 rgb(174,166,246)
```
#b4a6f6
```
#b4a6f6 rgb(180,166,246)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#c2a6f6
```
#c2a6f6 rgb(194,166,246)
```
#c8a6f6
```
#c8a6f6 rgb(200,166,246)
```
#cfa6f6
```
#cfa6f6 rgb(207,166,246)
```

Similar Colors

Text with hexadecimal color #bba6f6

This text has a font color of #bba6f6.

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

#bba6f6 background color

This paragraph has a background color of #bba6f6.

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

#bba6f6 border color

This element has a border color of #bba6f6.

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

CSS codes

.text {color:#bba6f6;}

.background {background-color:#bba6f6;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060212
```
#060212 rgb(6,2,18)
```
#0c0424
```
#0c0424 rgb(12,4,36)
```
#120536
```
#120536 rgb(18,5,54)
```
#180747
```
#180747 rgb(24,7,71)
```
#1e0959
```
#1e0959 rgb(30,9,89)
```
#240b6b
```
#240b6b rgb(36,11,107)
```
#2a0d7d
```
#2a0d7d rgb(42,13,125)
```
#300e8f
```
#300e8f rgb(48,14,143)
```
#3610a0
```
#3610a0 rgb(54,16,160)
```
#3c12b2
```
#3c12b2 rgb(60,18,178)
```
#4214c4
```
#4214c4 rgb(66,20,196)
```
#4816d6
```
#4816d6 rgb(72,22,214)
```

Shade Color Variation

#4e17e8
```
#4e17e8 rgb(78,23,232)
```
#5c29e9
```
#5c29e9 rgb(92,41,233)
```
#693beb
```
#693beb rgb(105,59,235)
```
#774ded
```
#774ded rgb(119,77,237)
```
#855fef
```
#855fef rgb(133,95,239)
```
#9271f1
```
#9271f1 rgb(146,113,241)
```
#a082f2
```
#a082f2 rgb(160,130,242)
```
#ad94f4
```
#ad94f4 rgb(173,148,244)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#c9b8f8
```
#c9b8f8 rgb(201,184,248)
```
#d6cafa
```
#d6cafa rgb(214,202,250)
```
#e4dbfb
```
#e4dbfb rgb(228,219,251)
```
#f1edfd
```
#f1edfd rgb(241,237,253)
```

Tint Color Variation

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

#cdccd0
```
#cdccd0 rgb(205,204,208)
```
#cbc8d4
```
#cbc8d4 rgb(203,200,212)
```
#c9c4d8
```
#c9c4d8 rgb(201,196,216)
```
#c8c0dc
```
#c8c0dc rgb(200,192,220)
```
#c6bddf
```
#c6bddf rgb(198,189,223)
```
#c4b9e3
```
#c4b9e3 rgb(196,185,227)
```
#c2b5e7
```
#c2b5e7 rgb(194,181,231)
```
#c0b1eb
```
#c0b1eb rgb(192,177,235)
```
#bfaeee
```
#bfaeee rgb(191,174,238)
```
#bdaaf2
```
#bdaaf2 rgb(189,170,242)
```
#bba6f6
```
#bba6f6 rgb(187,166,246)
```
#b9a2fa
```
#b9a2fa rgb(185,162,250)
```
#b79efe
```
#b79efe rgb(183,158,254)
```

Tone Color Variation

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

Dichromacy

#9cb3fc Protanopia 1% of men
#a1b3f3 Deuteranopia 1% of men
#b2b5c2 Tritanopia 0.001% of the population

Trichromacy

#a7aefa Protanomaly 1% of men, 0.01% of women
#aaaef4 Deuteranomaly 6% of men, 0.4% of women
#b5afd5 Tritanomaly 0.01% of the population

#bba6f6 hex color

#bba6f6 Color Information

#bba6f6 Color Conversion

Color Schemes with #bba6f6

Alternatives to #bba6f6

#bba6f6 Preview

Shades and Tints of #bba6f6

Tones of #bba6f6

Color Blindness Simulator