#bba5dd hex color

In a RGB color space, hex #bba5dd is composed of 73.3% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 263.6 degrees, a saturation of 45.2% and a lightness of 75.7%. #bba5dd color hex could be obtained by blending #ffffff with #774bbb. Closest websafe color is: #cc99cc.

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

● #bba5dd color description : Very soft violet.

The hexadecimal color #bba5dd has RGB values of R:187, G:165, B:221 and CMYK values of C:0.15, M:0.25, Y:0, K:0.13. Its decimal value is 12297693.

Hex triplet	bba5dd	`#bba5dd`
RGB Decimal	187, 165, 221	`rgb(187,165,221)`
RGB Percent	73.3, 64.7, 86.7	`rgb(73.3%,64.7%,86.7%)`
CMYK	15, 25, 0, 13
HSL	263.6°, 45.2, 75.7	`hsl(263.6,45.2%,75.7%)`
HSV (or HSB)	263.6°, 25.3, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	71.348, 18.881, -25.374
XYZ	46.998, 42.696, 74.168
xyY	0.287, 0.261, 42.696
CIE-LCH	71.348, 31.628, 306.653
CIE-LUV	71.348, 8.123, -42.705
Hunter-Lab	65.342, 14.039, -21.559
Binary	10111011, 10100101, 11011101

#bba5dd
```
#bba5dd rgb(187,165,221)
```
#c7dda5
```
#c7dda5 rgb(199,221,165)
```

Complementary Color

#a5abdd
```
#a5abdd rgb(165,171,221)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#d7a5dd
```
#d7a5dd rgb(215,165,221)
```

Analogous Color

#abdda5
```
#abdda5 rgb(171,221,165)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#ddd7a5
```
#ddd7a5 rgb(221,215,165)
```

Split Complementary Color

#a5ddbb
```
#a5ddbb rgb(165,221,187)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#ddbba5
```
#ddbba5 rgb(221,187,165)
```

Triadic Color

#a5c7dd
```
#a5c7dd rgb(165,199,221)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#ddbba5
```
#ddbba5 rgb(221,187,165)
```
#c7dda5
```
#c7dda5 rgb(199,221,165)
```

Tetradic Color

#916dc8
```
#916dc8 rgb(145,109,200)
```
#9f80cf
```
#9f80cf rgb(159,128,207)
```
#ad92d6
```
#ad92d6 rgb(173,146,214)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#c9b8e4
```
#c9b8e4 rgb(201,184,228)
```
#d7caeb
```
#d7caeb rgb(215,202,235)
```
#e5ddf2
```
#e5ddf2 rgb(229,221,242)
```

Monochromatic Color

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

#ada5dd
```
#ada5dd rgb(173,165,221)
```
#b2a5dd
```
#b2a5dd rgb(178,165,221)
```
#b6a5dd
```
#b6a5dd rgb(182,165,221)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#c0a5dd
```
#c0a5dd rgb(192,165,221)
```
#c4a5dd
```
#c4a5dd rgb(196,165,221)
```
#c9a5dd
```
#c9a5dd rgb(201,165,221)
```

Similar Colors

Text with hexadecimal color #bba5dd

This text has a font color of #bba5dd.

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

#bba5dd background color

This paragraph has a background color of #bba5dd.

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

#bba5dd border color

This element has a border color of #bba5dd.

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

CSS codes

.text {color:#bba5dd;}

.background {background-color:#bba5dd;}

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

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, #06040a is the darkest color, while #fcfafd is the lightest one.

#06040a
```
#06040a rgb(6,4,10)
```
#0f0918
```
#0f0918 rgb(15,9,24)
```
#180e26
```
#180e26 rgb(24,14,38)
```
#211434
```
#211434 rgb(33,20,52)
```
#291943
```
#291943 rgb(41,25,67)
```
#321f51
```
#321f51 rgb(50,31,81)
```
#3b245f
```
#3b245f rgb(59,36,95)
```
#44296d
```
#44296d rgb(68,41,109)
```
#4d2f7c
```
#4d2f7c rgb(77,47,124)
```
#56348a
```
#56348a rgb(86,52,138)
```
#5f3998
```
#5f3998 rgb(95,57,152)
```
#673fa6
```
#673fa6 rgb(103,63,166)
```
#7044b5
```
#7044b5 rgb(112,68,181)
```

Shade Color Variation

#7a50bd
```
#7a50bd rgb(122,80,189)
```
#855ec2
```
#855ec2 rgb(133,94,194)
```
#906cc7
```
#906cc7 rgb(144,108,199)
```
#9b7acd
```
#9b7acd rgb(155,122,205)
```
#a589d2
```
#a589d2 rgb(165,137,210)
```
#b097d8
```
#b097d8 rgb(176,151,216)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#c6b3e2
```
#c6b3e2 rgb(198,179,226)
```
#d1c1e8
```
#d1c1e8 rgb(209,193,232)
```
#dbd0ed
```
#dbd0ed rgb(219,208,237)
```
#e6def3
```
#e6def3 rgb(230,222,243)
```
#f1ecf8
```
#f1ecf8 rgb(241,236,248)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

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

#c0bdc5
```
#c0bdc5 rgb(192,189,197)
```
#bfb8ca
```
#bfb8ca rgb(191,184,202)
```
#beb3cf
```
#beb3cf rgb(190,179,207)
```
#bdafd3
```
#bdafd3 rgb(189,175,211)
```
#bcaad8
```
#bcaad8 rgb(188,170,216)
```
#bba5dd
```
#bba5dd rgb(187,165,221)
```
#baa0e2
```
#baa0e2 rgb(186,160,226)
```
#b99be7
```
#b99be7 rgb(185,155,231)
```
#b897eb
```
#b897eb rgb(184,151,235)
```
#b792f0
```
#b792f0 rgb(183,146,240)
```
#b68df5
```
#b68df5 rgb(182,141,245)
```
#b588fa
```
#b588fa rgb(181,136,250)
```
#b484fe
```
#b484fe rgb(180,132,254)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b4afbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b1e3 Protanopia 1% of men
#acafdc Deuteranopia 1% of men
#b7b0bc Tritanopia 0.001% of the population

Trichromacy

#acace1 Protanomaly 1% of men, 0.01% of women
#b1abdc Deuteranomaly 6% of men, 0.4% of women
#b8acc8 Tritanomaly 0.01% of the population

#bba5dd hex color

#bba5dd Color Information

#bba5dd Color Conversion

Color Schemes with #bba5dd

Alternatives to #bba5dd

#bba5dd Preview

Shades and Tints of #bba5dd

Tones of #bba5dd

Color Blindness Simulator