#bba4ec hex color

In a RGB color space, hex #bba4ec is composed of 73.3% red, 64.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 30.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 259.2 degrees, a saturation of 65.5% and a lightness of 78.4%. #bba4ec color hex could be obtained by blending #ffffff with #7749d9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 64
- B 93
RGB color chart
- C 21
- M 31
- Y 0
- K 7
CMYK color chart

● #bba4ec color description : Very soft violet.

The hexadecimal color #bba4ec has RGB values of R:187, G:164, B:236 and CMYK values of C:0.21, M:0.31, Y:0, K:0.07. Its decimal value is 12297452.

Hex triplet	bba4ec	`#bba4ec`
RGB Decimal	187, 164, 236	`rgb(187,164,236)`
RGB Percent	73.3, 64.3, 92.5	`rgb(73.3%,64.3%,92.5%)`
CMYK	21, 31, 0, 7
HSL	259.2°, 65.5, 78.4	`hsl(259.2,65.5%,78.4%)`
HSV (or HSB)	259.2°, 30.5, 92.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.671, 22.769, -33.076
XYZ	48.907, 43.172, 85.109
xyY	0.276, 0.244, 43.172
CIE-LCH	71.671, 40.155, 304.544
CIE-LUV	71.671, 7.166, -56.014
Hunter-Lab	65.705, 17.879, -30.805
Binary	10111011, 10100100, 11101100

#bba4ec
```
#bba4ec rgb(187,164,236)
```
#d5eca4
```
#d5eca4 rgb(213,236,164)
```

Complementary Color

#a4b1ec
```
#a4b1ec rgb(164,177,236)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#dfa4ec
```
#dfa4ec rgb(223,164,236)
```

Analogous Color

#b1eca4
```
#b1eca4 rgb(177,236,164)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#ecdfa4
```
#ecdfa4 rgb(236,223,164)
```

Split Complementary Color

#a4ecbb
```
#a4ecbb rgb(164,236,187)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#ecbba4
```
#ecbba4 rgb(236,187,164)
```

Triadic Color

#a4d5ec
```
#a4d5ec rgb(164,213,236)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#ecbba4
```
#ecbba4 rgb(236,187,164)
```
#d5eca4
```
#d5eca4 rgb(213,236,164)
```

Tetradic Color

#8c65df
```
#8c65df rgb(140,101,223)
```
#9b7ae3
```
#9b7ae3 rgb(155,122,227)
```
#ab8fe8
```
#ab8fe8 rgb(171,143,232)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#cbb9f0
```
#cbb9f0 rgb(203,185,240)
```
#dbcef5
```
#dbcef5 rgb(219,206,245)
```
#eae3f9
```
#eae3f9 rgb(234,227,249)
```

Monochromatic Color

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

#a9a4ec
```
#a9a4ec rgb(169,164,236)
```
#afa4ec
```
#afa4ec rgb(175,164,236)
```
#b5a4ec
```
#b5a4ec rgb(181,164,236)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#c1a4ec
```
#c1a4ec rgb(193,164,236)
```
#c7a4ec
```
#c7a4ec rgb(199,164,236)
```
#cda4ec
```
#cda4ec rgb(205,164,236)
```

Similar Colors

Text with hexadecimal color #bba4ec

This text has a font color of #bba4ec.

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

#bba4ec background color

This paragraph has a background color of #bba4ec.

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

#bba4ec border color

This element has a border color of #bba4ec.

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

CSS codes

.text {color:#bba4ec;}

.background {background-color:#bba4ec;}

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0a0517
```
#0a0517 rgb(10,5,23)
```
#120827
```
#120827 rgb(18,8,39)
```
#190b37
```
#190b37 rgb(25,11,55)
```
#210f47
```
#210f47 rgb(33,15,71)
```
#281258
```
#281258 rgb(40,18,88)
```
#301668
```
#301668 rgb(48,22,104)
```
#371978
```
#371978 rgb(55,25,120)
```
#3f1c88
```
#3f1c88 rgb(63,28,136)
```
#462098
```
#462098 rgb(70,32,152)
```
#4e23a9
```
#4e23a9 rgb(78,35,169)
```
#5527b9
```
#5527b9 rgb(85,39,185)
```
#5d2ac9
```
#5d2ac9 rgb(93,42,201)
```

Shade Color Variation

#6632d4
```
#6632d4 rgb(102,50,212)
```
#7243d8
```
#7243d8 rgb(114,67,216)
```
#7e53db
```
#7e53db rgb(126,83,219)
```
#8a63de
```
#8a63de rgb(138,99,222)
```
#9773e2
```
#9773e2 rgb(151,115,226)
```
#a384e5
```
#a384e5 rgb(163,132,229)
```
#af94e9
```
#af94e9 rgb(175,148,233)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#c7b4ef
```
#c7b4ef rgb(199,180,239)
```
#d3c4f3
```
#d3c4f3 rgb(211,196,243)
```
#dfd5f6
```
#dfd5f6 rgb(223,213,246)
```
#ece5fa
```
#ece5fa rgb(236,229,250)
```
#f8f5fd
```
#f8f5fd rgb(248,245,253)
```

Tint Color Variation

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

#c7c6ca
```
#c7c6ca rgb(199,198,202)
```
#c6c2ce
```
#c6c2ce rgb(198,194,206)
```
#c4bdd3
```
#c4bdd3 rgb(196,189,211)
```
#c3b9d7
```
#c3b9d7 rgb(195,185,215)
```
#c1b5db
```
#c1b5db rgb(193,181,219)
```
#c0b1df
```
#c0b1df rgb(192,177,223)
```
#beace4
```
#beace4 rgb(190,172,228)
```
#bda8e8
```
#bda8e8 rgb(189,168,232)
```
#bba4ec
```
#bba4ec rgb(187,164,236)
```
#b9a0f0
```
#b9a0f0 rgb(185,160,240)
```
#b89cf4
```
#b89cf4 rgb(184,156,244)
```
#b697f9
```
#b697f9 rgb(182,151,249)
```
#b593fd
```
#b593fd rgb(181,147,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b5b0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb1f2 Protanopia 1% of men
#a4b1ea Deuteranopia 1% of men
#b4b2be Tritanopia 0.001% of the population

Trichromacy

#a8acf0 Protanomaly 1% of men, 0.01% of women
#acacea Deuteranomaly 6% of men, 0.4% of women
#b6adcf Tritanomaly 0.01% of the population

#bba4ec hex color

#bba4ec Color Information

#bba4ec Color Conversion

Color Schemes with #bba4ec

Alternatives to #bba4ec

#bba4ec Preview

Shades and Tints of #bba4ec

Tones of #bba4ec

Color Blindness Simulator