#bba3dd hex color

In a RGB color space, hex #bba3dd is composed of 73.3% red, 63.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 26.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 264.8 degrees, a saturation of 46% and a lightness of 75.3%. #bba3dd color hex could be obtained by blending #ffffff with #7747bb. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 64
- B 87
RGB color chart
- C 15
- M 26
- Y 0
- K 13
CMYK color chart

● #bba3dd color description : Very soft violet.

The hexadecimal color #bba3dd has RGB values of R:187, G:163, B:221 and CMYK values of C:0.15, M:0.26, Y:0, K:0.13. Its decimal value is 12297181.

Hex triplet	bba3dd	`#bba3dd`
RGB Decimal	187, 163, 221	`rgb(187,163,221)`
RGB Percent	73.3, 63.9, 86.7	`rgb(73.3%,63.9%,86.7%)`
CMYK	15, 26, 0, 13
HSL	264.8°, 46, 75.3	`hsl(264.8,46%,75.3%)`
HSV (or HSB)	264.8°, 26.2, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	70.857, 19.991, -26.126
XYZ	46.64, 41.98, 74.049
xyY	0.287, 0.258, 41.98
CIE-LCH	70.857, 32.897, 307.422
CIE-LUV	70.857, 9.025, -44.057
Hunter-Lab	64.792, 15.105, -22.406
Binary	10111011, 10100011, 11011101

#bba3dd
```
#bba3dd rgb(187,163,221)
```
#c5dda3
```
#c5dda3 rgb(197,221,163)
```

Complementary Color

#a3a8dd
```
#a3a8dd rgb(163,168,221)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#d8a3dd
```
#d8a3dd rgb(216,163,221)
```

Analogous Color

#a8dda3
```
#a8dda3 rgb(168,221,163)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#ddd8a3
```
#ddd8a3 rgb(221,216,163)
```

Split Complementary Color

#a3ddbb
```
#a3ddbb rgb(163,221,187)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#ddbba3
```
#ddbba3 rgb(221,187,163)
```

Triadic Color

#a3c5dd
```
#a3c5dd rgb(163,197,221)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#ddbba3
```
#ddbba3 rgb(221,187,163)
```
#c5dda3
```
#c5dda3 rgb(197,221,163)
```

Tetradic Color

#926bc8
```
#926bc8 rgb(146,107,200)
```
#9f7ecf
```
#9f7ecf rgb(159,126,207)
```
#ad90d6
```
#ad90d6 rgb(173,144,214)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#c9b6e4
```
#c9b6e4 rgb(201,182,228)
```
#d7c8eb
```
#d7c8eb rgb(215,200,235)
```
#e4dbf2
```
#e4dbf2 rgb(228,219,242)
```

Monochromatic Color

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

#ada3dd
```
#ada3dd rgb(173,163,221)
```
#b1a3dd
```
#b1a3dd rgb(177,163,221)
```
#b6a3dd
```
#b6a3dd rgb(182,163,221)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#c0a3dd
```
#c0a3dd rgb(192,163,221)
```
#c5a3dd
```
#c5a3dd rgb(197,163,221)
```
#caa3dd
```
#caa3dd rgb(202,163,221)
```

Similar Colors

Text with hexadecimal color #bba3dd

This text has a font color of #bba3dd.

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

#bba3dd background color

This paragraph has a background color of #bba3dd.

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

#bba3dd border color

This element has a border color of #bba3dd.

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

CSS codes

.text {color:#bba3dd;}

.background {background-color:#bba3dd;}

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

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

#050308
```
#050308 rgb(5,3,8)
```
#0e0817
```
#0e0817 rgb(14,8,23)
```
#170e25
```
#170e25 rgb(23,14,37)
```
#201333
```
#201333 rgb(32,19,51)
```
#291842
```
#291842 rgb(41,24,66)
```
#321e50
```
#321e50 rgb(50,30,80)
```
#3b235e
```
#3b235e rgb(59,35,94)
```
#44286d
```
#44286d rgb(68,40,109)
```
#4d2d7b
```
#4d2d7b rgb(77,45,123)
```
#563389
```
#563389 rgb(86,51,137)
```
#5f3897
```
#5f3897 rgb(95,56,151)
```
#693da6
```
#693da6 rgb(105,61,166)
```
#7243b4
```
#7243b4 rgb(114,67,180)
```

Shade Color Variation

#7b4dbd
```
#7b4dbd rgb(123,77,189)
```
#865bc3
```
#865bc3 rgb(134,91,195)
```
#916ac8
```
#916ac8 rgb(145,106,200)
```
#9b78cd
```
#9b78cd rgb(155,120,205)
```
#a686d2
```
#a686d2 rgb(166,134,210)
```
#b095d8
```
#b095d8 rgb(176,149,216)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#c6b1e2
```
#c6b1e2 rgb(198,177,226)
```
#d0c0e8
```
#d0c0e8 rgb(208,192,232)
```
#dbceed
```
#dbceed rgb(219,206,237)
```
#e5dcf2
```
#e5dcf2 rgb(229,220,242)
```
#f0ebf7
```
#f0ebf7 rgb(240,235,247)
```
#fbf9fd
```
#fbf9fd rgb(251,249,253)
```

Tint Color Variation

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

#bfbbc5
```
#bfbbc5 rgb(191,187,197)
```
#beb6ca
```
#beb6ca rgb(190,182,202)
```
#beb2ce
```
#beb2ce rgb(190,178,206)
```
#bdadd3
```
#bdadd3 rgb(189,173,211)
```
#bca8d8
```
#bca8d8 rgb(188,168,216)
```
#bba3dd
```
#bba3dd rgb(187,163,221)
```
#ba9ee2
```
#ba9ee2 rgb(186,158,226)
```
#b999e7
```
#b999e7 rgb(185,153,231)
```
#b894ec
```
#b894ec rgb(184,148,236)
```
#b890f0
```
#b890f0 rgb(184,144,240)
```
#b78bf5
```
#b78bf5 rgb(183,139,245)
```
#b686fa
```
#b686fa rgb(182,134,250)
```
#b581ff
```
#b581ff rgb(181,129,255)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b3aeba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2afe3 Protanopia 1% of men
#aaaedc Deuteranopia 1% of men
#b7aebb Tritanopia 0.001% of the population

Trichromacy

#ababe1 Protanomaly 1% of men, 0.01% of women
#b0aadc Deuteranomaly 6% of men, 0.4% of women
#b8aac7 Tritanomaly 0.01% of the population

#bba3dd hex color

#bba3dd Color Information

#bba3dd Color Conversion

Color Schemes with #bba3dd

Alternatives to #bba3dd

#bba3dd Preview

Shades and Tints of #bba3dd

Tones of #bba3dd

Color Blindness Simulator