#bba1dc hex color

In a RGB color space, hex #bba1dc is composed of 73.3% red, 63.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 26.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 266.4 degrees, a saturation of 45.7% and a lightness of 74.7%. #bba1dc color hex could be obtained by blending #ffffff with #7743b9. Closest websafe color is: #cc99cc.

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

● #bba1dc color description : Very soft violet.

The hexadecimal color #bba1dc has RGB values of R:187, G:161, B:220 and CMYK values of C:0.15, M:0.27, Y:0, K:0.14. Its decimal value is 12296668.

Hex triplet	bba1dc	`#bba1dc`
RGB Decimal	187, 161, 220	`rgb(187,161,220)`
RGB Percent	73.3, 63.1, 86.3	`rgb(73.3%,63.1%,86.3%)`
CMYK	15, 27, 0, 14
HSL	266.4°, 45.7, 74.7	`hsl(266.4,45.7%,74.7%)`
HSV (or HSB)	266.4°, 26.8, 86.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	70.331, 20.885, -26.383
XYZ	46.155, 41.222, 73.231
xyY	0.287, 0.257, 41.222
CIE-LCH	70.331, 33.649, 308.365
CIE-LUV	70.331, 10.022, -44.563
Hunter-Lab	64.204, 15.96, -22.683
Binary	10111011, 10100001, 11011100

#bba1dc
```
#bba1dc rgb(187,161,220)
```
#c2dca1
```
#c2dca1 rgb(194,220,161)
```

Complementary Color

#a1a5dc
```
#a1a5dc rgb(161,165,220)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#d9a1dc
```
#d9a1dc rgb(217,161,220)
```

Analogous Color

#a5dca1
```
#a5dca1 rgb(165,220,161)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#dcd9a1
```
#dcd9a1 rgb(220,217,161)
```

Split Complementary Color

#a1dcbb
```
#a1dcbb rgb(161,220,187)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#dcbba1
```
#dcbba1 rgb(220,187,161)
```

Triadic Color

#a1c2dc
```
#a1c2dc rgb(161,194,220)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#dcbba1
```
#dcbba1 rgb(220,187,161)
```
#c2dca1
```
#c2dca1 rgb(194,220,161)
```

Tetradic Color

#9369c7
```
#9369c7 rgb(147,105,199)
```
#a07cce
```
#a07cce rgb(160,124,206)
```
#ae8ed5
```
#ae8ed5 rgb(174,142,213)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#c8b4e3
```
#c8b4e3 rgb(200,180,227)
```
#d6c6ea
```
#d6c6ea rgb(214,198,234)
```
#e3d9f1
```
#e3d9f1 rgb(227,217,241)
```

Monochromatic Color

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

#aca1dc
```
#aca1dc rgb(172,161,220)
```
#b1a1dc
```
#b1a1dc rgb(177,161,220)
```
#b6a1dc
```
#b6a1dc rgb(182,161,220)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#c0a1dc
```
#c0a1dc rgb(192,161,220)
```
#c5a1dc
```
#c5a1dc rgb(197,161,220)
```
#caa1dc
```
#caa1dc rgb(202,161,220)
```

Similar Colors

Text with hexadecimal color #bba1dc

This text has a font color of #bba1dc.

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

#bba1dc background color

This paragraph has a background color of #bba1dc.

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

#bba1dc border color

This element has a border color of #bba1dc.

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

CSS codes

.text {color:#bba1dc;}

.background {background-color:#bba1dc;}

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

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

#040206
```
#040206 rgb(4,2,6)
```
#0d0814
```
#0d0814 rgb(13,8,20)
```
#160d23
```
#160d23 rgb(22,13,35)
```
#201231
```
#201231 rgb(32,18,49)
```
#29183f
```
#29183f rgb(41,24,63)
```
#321d4e
```
#321d4e rgb(50,29,78)
```
#3c225c
```
#3c225c rgb(60,34,92)
```
#45286a
```
#45286a rgb(69,40,106)
```
#4e2d78
```
#4e2d78 rgb(78,45,120)
```
#573287
```
#573287 rgb(87,50,135)
```
#613795
```
#613795 rgb(97,55,149)
```
#6a3da3
```
#6a3da3 rgb(106,61,163)
```
#7342b2
```
#7342b2 rgb(115,66,178)
```

Shade Color Variation

#7d4bbc
```
#7d4bbc rgb(125,75,188)
```
#875ac1
```
#875ac1 rgb(135,90,193)
```
#9268c7
```
#9268c7 rgb(146,104,199)
```
#9c76cc
```
#9c76cc rgb(156,118,204)
```
#a684d1
```
#a684d1 rgb(166,132,209)
```
#b193d7
```
#b193d7 rgb(177,147,215)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#c5afe1
```
#c5afe1 rgb(197,175,225)
```
#d0bee7
```
#d0bee7 rgb(208,190,231)
```
#daccec
```
#daccec rgb(218,204,236)
```
#e4daf1
```
#e4daf1 rgb(228,218,241)
```
#efe8f7
```
#efe8f7 rgb(239,232,247)
```
#f9f7fc
```
#f9f7fc rgb(249,247,252)
```

Tint Color Variation

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

#bebac3
```
#bebac3 rgb(190,186,195)
```
#bdb5c8
```
#bdb5c8 rgb(189,181,200)
```
#bdb0cd
```
#bdb0cd rgb(189,176,205)
```
#bcabd2
```
#bcabd2 rgb(188,171,210)
```
#bca6d7
```
#bca6d7 rgb(188,166,215)
```
#bba1dc
```
#bba1dc rgb(187,161,220)
```
#ba9ce1
```
#ba9ce1 rgb(186,156,225)
```
#ba97e6
```
#ba97e6 rgb(186,151,230)
```
#b992eb
```
#b992eb rgb(185,146,235)
```
#b98df0
```
#b98df0 rgb(185,141,240)
```
#b888f5
```
#b888f5 rgb(184,136,245)
```
#b783fa
```
#b783fa rgb(183,131,250)
```
#b77eff
```
#b77eff rgb(183,126,255)
```

Tone Color Variation

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

#a0aee3 Protanopia 1% of men
#a8addb Deuteranopia 1% of men
#b7adb9 Tritanopia 0.001% of the population

Trichromacy

#aaa9e0 Protanomaly 1% of men, 0.01% of women
#afa8db Deuteranomaly 6% of men, 0.4% of women
#b8a8c5 Tritanomaly 0.01% of the population

#bba1dc hex color

#bba1dc Color Information

#bba1dc Color Conversion

Color Schemes with #bba1dc

Alternatives to #bba1dc

#bba1dc Preview

Shades and Tints of #bba1dc

Tones of #bba1dc

Color Blindness Simulator