#bba4ed hex color

In a RGB color space, hex #bba4ed is composed of 73.3% red, 64.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 30.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 258.9 degrees, a saturation of 67% and a lightness of 78.6%. #bba4ed color hex could be obtained by blending #ffffff with #7749db. 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

● #bba4ed color description : Very soft violet.

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

Hex triplet	bba4ed	`#bba4ed`
RGB Decimal	187, 164, 237	`rgb(187,164,237)`
RGB Percent	73.3, 64.3, 92.9	`rgb(73.3%,64.3%,92.9%)`
CMYK	21, 31, 0, 7
HSL	258.9°, 67, 78.6	`hsl(258.9,67%,78.6%)`
HSV (or HSB)	258.9°, 30.8, 92.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.711, 22.997, -33.56
XYZ	49.052, 43.23, 85.876
xyY	0.275, 0.243, 43.23
CIE-LCH	71.711, 40.683, 304.421
CIE-LUV	71.711, 7.073, -56.856
Hunter-Lab	65.75, 18.108, -31.414
Binary	10111011, 10100100, 11101101

#bba4ed
```
#bba4ed rgb(187,164,237)
```
#d6eda4
```
#d6eda4 rgb(214,237,164)
```

Complementary Color

#a4b2ed
```
#a4b2ed rgb(164,178,237)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#e0a4ed
```
#e0a4ed rgb(224,164,237)
```

Analogous Color

#b2eda4
```
#b2eda4 rgb(178,237,164)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#ede0a4
```
#ede0a4 rgb(237,224,164)
```

Split Complementary Color

#a4edbb
```
#a4edbb rgb(164,237,187)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#edbba4
```
#edbba4 rgb(237,187,164)
```

Triadic Color

#a4d6ed
```
#a4d6ed rgb(164,214,237)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#edbba4
```
#edbba4 rgb(237,187,164)
```
#d6eda4
```
#d6eda4 rgb(214,237,164)
```

Tetradic Color

#8b64e0
```
#8b64e0 rgb(139,100,224)
```
#9b79e5
```
#9b79e5 rgb(155,121,229)
```
#ab8fe9
```
#ab8fe9 rgb(171,143,233)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#cbb9f1
```
#cbb9f1 rgb(203,185,241)
```
#dbcff5
```
#dbcff5 rgb(219,207,245)
```
#ebe4fa
```
#ebe4fa rgb(235,228,250)
```

Monochromatic Color

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

#a9a4ed
```
#a9a4ed rgb(169,164,237)
```
#afa4ed
```
#afa4ed rgb(175,164,237)
```
#b5a4ed
```
#b5a4ed rgb(181,164,237)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#c1a4ed
```
#c1a4ed rgb(193,164,237)
```
#c7a4ed
```
#c7a4ed rgb(199,164,237)
```
#cda4ed
```
#cda4ed rgb(205,164,237)
```

Similar Colors

Text with hexadecimal color #bba4ed

This text has a font color of #bba4ed.

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

#bba4ed background color

This paragraph has a background color of #bba4ed.

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

#bba4ed border color

This element has a border color of #bba4ed.

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

CSS codes

.text {color:#bba4ed;}

.background {background-color:#bba4ed;}

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

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

#030107
```
#030107 rgb(3,1,7)
```
#0b0518
```
#0b0518 rgb(11,5,24)
```
#120828
```
#120828 rgb(18,8,40)
```
#190b38
```
#190b38 rgb(25,11,56)
```
#210e49
```
#210e49 rgb(33,14,73)
```
#281259
```
#281259 rgb(40,18,89)
```
#30156a
```
#30156a rgb(48,21,106)
```
#37187a
```
#37187a rgb(55,24,122)
```
#3e1b8a
```
#3e1b8a rgb(62,27,138)
```
#461f9b
```
#461f9b rgb(70,31,155)
```
#4d22ab
```
#4d22ab rgb(77,34,171)
```
#5425bb
```
#5425bb rgb(84,37,187)
```
#5c28cc
```
#5c28cc rgb(92,40,204)
```

Shade Color Variation

#6531d6
```
#6531d6 rgb(101,49,214)
```
#7242da
```
#7242da rgb(114,66,218)
```
#7e52dd
```
#7e52dd rgb(126,82,221)
```
#8a62e0
```
#8a62e0 rgb(138,98,224)
```
#9673e3
```
#9673e3 rgb(150,115,227)
```
#a383e7
```
#a383e7 rgb(163,131,231)
```
#af94ea
```
#af94ea rgb(175,148,234)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#c7b4f0
```
#c7b4f0 rgb(199,180,240)
```
#d3c5f3
```
#d3c5f3 rgb(211,197,243)
```
#e0d5f7
```
#e0d5f7 rgb(224,213,247)
```
#ece6fa
```
#ece6fa rgb(236,230,250)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#c7c6cb
```
#c7c6cb rgb(199,198,203)
```
#c6c1d0
```
#c6c1d0 rgb(198,193,208)
```
#c4bdd4
```
#c4bdd4 rgb(196,189,212)
```
#c3b9d8
```
#c3b9d8 rgb(195,185,216)
```
#c1b5dc
```
#c1b5dc rgb(193,181,220)
```
#c0b1e0
```
#c0b1e0 rgb(192,177,224)
```
#beace5
```
#beace5 rgb(190,172,229)
```
#bda8e9
```
#bda8e9 rgb(189,168,233)
```
#bba4ed
```
#bba4ed rgb(187,164,237)
```
#b9a0f1
```
#b9a0f1 rgb(185,160,241)
```
#b89cf5
```
#b89cf5 rgb(184,156,245)
```
#b697fa
```
#b697fa rgb(182,151,250)
```
#b593fe
```
#b593fe rgb(181,147,254)
```

Tone Color Variation

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

Dichromacy

#9eb1f3 Protanopia 1% of men
#a3b1ea Deuteranopia 1% of men
#b4b2bf Tritanopia 0.001% of the population

Trichromacy

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

#bba4ed hex color

#bba4ed Color Information

#bba4ed Color Conversion

Color Schemes with #bba4ed

Alternatives to #bba4ed

#bba4ed Preview

Shades and Tints of #bba4ed

Tones of #bba4ed

Color Blindness Simulator