#bba1dd hex color

In a RGB color space, hex #bba1dd is composed of 73.3% red, 63.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 27.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 266 degrees, a saturation of 46.9% and a lightness of 74.9%. #bba1dd color hex could be obtained by blending #ffffff with #7743bb. Closest websafe color is: #cc99cc.

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

● #bba1dd color description : Very soft violet.

The hexadecimal color #bba1dd has RGB values of R:187, G:161, B:221 and CMYK values of C:0.15, M:0.27, Y:0, K:0.13. Its decimal value is 12296669.

Hex triplet	bba1dd	`#bba1dd`
RGB Decimal	187, 161, 221	`rgb(187,161,221)`
RGB Percent	73.3, 63.1, 86.7	`rgb(73.3%,63.1%,86.7%)`
CMYK	15, 27, 0, 13
HSL	266°, 46.9, 74.9	`hsl(266,46.9%,74.9%)`
HSV (or HSB)	266°, 27.1, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	70.368, 21.102, -26.876
XYZ	46.287, 41.275, 73.931
xyY	0.287, 0.256, 41.275
CIE-LCH	70.368, 34.17, 308.138
CIE-LUV	70.368, 9.923, -45.404
Hunter-Lab	64.246, 16.174, -23.256
Binary	10111011, 10100001, 11011101

#bba1dd
```
#bba1dd rgb(187,161,221)
```
#c3dda1
```
#c3dda1 rgb(195,221,161)
```

Complementary Color

#a1a5dd
```
#a1a5dd rgb(161,165,221)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#d9a1dd
```
#d9a1dd rgb(217,161,221)
```

Analogous Color

#a5dda1
```
#a5dda1 rgb(165,221,161)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#ddd9a1
```
#ddd9a1 rgb(221,217,161)
```

Split Complementary Color

#a1ddbb
```
#a1ddbb rgb(161,221,187)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#ddbba1
```
#ddbba1 rgb(221,187,161)
```

Triadic Color

#a1c3dd
```
#a1c3dd rgb(161,195,221)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#ddbba1
```
#ddbba1 rgb(221,187,161)
```
#c3dda1
```
#c3dda1 rgb(195,221,161)
```

Tetradic Color

#9269c9
```
#9269c9 rgb(146,105,201)
```
#a07ccf
```
#a07ccf rgb(160,124,207)
```
#ad8ed6
```
#ad8ed6 rgb(173,142,214)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#c9b4e4
```
#c9b4e4 rgb(201,180,228)
```
#d6c6eb
```
#d6c6eb rgb(214,198,235)
```
#e4d9f1
```
#e4d9f1 rgb(228,217,241)
```

Monochromatic Color

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

#aca1dd
```
#aca1dd rgb(172,161,221)
```
#b1a1dd
```
#b1a1dd rgb(177,161,221)
```
#b6a1dd
```
#b6a1dd rgb(182,161,221)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#c0a1dd
```
#c0a1dd rgb(192,161,221)
```
#c5a1dd
```
#c5a1dd rgb(197,161,221)
```
#caa1dd
```
#caa1dd rgb(202,161,221)
```

Similar Colors

Text with hexadecimal color #bba1dd

This text has a font color of #bba1dd.

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

#bba1dd background color

This paragraph has a background color of #bba1dd.

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

#bba1dd border color

This element has a border color of #bba1dd.

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

CSS codes

.text {color:#bba1dd;}

.background {background-color:#bba1dd;}

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

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

#040207
```
#040207 rgb(4,2,7)
```
#0e0815
```
#0e0815 rgb(14,8,21)
```
#170d24
```
#170d24 rgb(23,13,36)
```
#201232
```
#201232 rgb(32,18,50)
```
#291740
```
#291740 rgb(41,23,64)
```
#321d4f
```
#321d4f rgb(50,29,79)
```
#3c225d
```
#3c225d rgb(60,34,93)
```
#45276c
```
#45276c rgb(69,39,108)
```
#4e2c7a
```
#4e2c7a rgb(78,44,122)
```
#573188
```
#573188 rgb(87,49,136)
```
#603797
```
#603797 rgb(96,55,151)
```
#6a3ca5
```
#6a3ca5 rgb(106,60,165)
```
#7341b4
```
#7341b4 rgb(115,65,180)
```

Shade Color Variation

#7c4bbe
```
#7c4bbe rgb(124,75,190)
```
#8759c3
```
#8759c3 rgb(135,89,195)
```
#9167c8
```
#9167c8 rgb(145,103,200)
```
#9c76cd
```
#9c76cd rgb(156,118,205)
```
#a684d3
```
#a684d3 rgb(166,132,211)
```
#b193d8
```
#b193d8 rgb(177,147,216)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#c5afe2
```
#c5afe2 rgb(197,175,226)
```
#d0bee7
```
#d0bee7 rgb(208,190,231)
```
#dacced
```
#dacced rgb(218,204,237)
```
#e5dbf2
```
#e5dbf2 rgb(229,219,242)
```
#efe9f7
```
#efe9f7 rgb(239,233,247)
```
#faf7fc
```
#faf7fc rgb(250,247,252)
```

Tint Color Variation

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

#bfbfbf
```
#bfbfbf rgb(191,191,191)
```
#bebac4
```
#bebac4 rgb(190,186,196)
```
#beb5c9
```
#beb5c9 rgb(190,181,201)
```
#bdb0ce
```
#bdb0ce rgb(189,176,206)
```
#bcabd3
```
#bcabd3 rgb(188,171,211)
```
#bca6d8
```
#bca6d8 rgb(188,166,216)
```
#bba1dd
```
#bba1dd rgb(187,161,221)
```
#ba9ce2
```
#ba9ce2 rgb(186,156,226)
```
#ba97e7
```
#ba97e7 rgb(186,151,231)
```
#b992ec
```
#b992ec rgb(185,146,236)
```
#b88df1
```
#b88df1 rgb(184,141,241)
```
#b888f6
```
#b888f6 rgb(184,136,246)
```
#b783fb
```
#b783fb rgb(183,131,251)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b2adb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aee4 Protanopia 1% of men
#a8addc Deuteranopia 1% of men
#b7adb9 Tritanopia 0.001% of the population

Trichromacy

#aaa9e1 Protanomaly 1% of men, 0.01% of women
#afa8dc Deuteranomaly 6% of men, 0.4% of women
#b8a8c6 Tritanomaly 0.01% of the population

#bba1dd hex color

#bba1dd Color Information

#bba1dd Color Conversion

Color Schemes with #bba1dd

Alternatives to #bba1dd

#bba1dd Preview

Shades and Tints of #bba1dd

Tones of #bba1dd

Color Blindness Simulator