#bba5ed hex color

In a RGB color space, hex #bba5ed is composed of 73.3% red, 64.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 30.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 258.3 degrees, a saturation of 66.7% and a lightness of 78.8%. #bba5ed color hex could be obtained by blending #ffffff with #774bdb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 65
- B 93
RGB color chart
- C 21
- M 30
- Y 0
- K 7
CMYK color chart

● #bba5ed color description : Very soft violet.

The hexadecimal color #bba5ed has RGB values of R:187, G:165, B:237 and CMYK values of C:0.21, M:0.3, Y:0, K:0.07. Its decimal value is 12297709.

Hex triplet	bba5ed	`#bba5ed`
RGB Decimal	187, 165, 237	`rgb(187,165,237)`
RGB Percent	73.3, 64.7, 92.9	`rgb(73.3%,64.7%,92.9%)`
CMYK	21, 30, 0, 7
HSL	258.3°, 66.7, 78.8	`hsl(258.3,66.7%,78.8%)`
HSV (or HSB)	258.3°, 30.4, 92.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.953, 22.441, -33.185
XYZ	49.232, 43.589, 85.936
xyY	0.275, 0.244, 43.589
CIE-LCH	71.953, 40.061, 304.069
CIE-LUV	71.953, 6.646, -56.18
Hunter-Lab	66.022, 17.566, -30.957
Binary	10111011, 10100101, 11101101

#bba5ed
```
#bba5ed rgb(187,165,237)
```
#d7eda5
```
#d7eda5 rgb(215,237,165)
```

Complementary Color

#a5b3ed
```
#a5b3ed rgb(165,179,237)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#dfa5ed
```
#dfa5ed rgb(223,165,237)
```

Analogous Color

#b3eda5
```
#b3eda5 rgb(179,237,165)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#eddfa5
```
#eddfa5 rgb(237,223,165)
```

Split Complementary Color

#a5edbb
```
#a5edbb rgb(165,237,187)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#edbba5
```
#edbba5 rgb(237,187,165)
```

Triadic Color

#a5d7ed
```
#a5d7ed rgb(165,215,237)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#edbba5
```
#edbba5 rgb(237,187,165)
```
#d7eda5
```
#d7eda5 rgb(215,237,165)
```

Tetradic Color

#8b65e0
```
#8b65e0 rgb(139,101,224)
```
#9b7be5
```
#9b7be5 rgb(155,123,229)
```
#ab90e9
```
#ab90e9 rgb(171,144,233)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#cbbaf1
```
#cbbaf1 rgb(203,186,241)
```
#dbd0f6
```
#dbd0f6 rgb(219,208,246)
```
#ebe5fa
```
#ebe5fa rgb(235,229,250)
```

Monochromatic Color

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

#a9a5ed
```
#a9a5ed rgb(169,165,237)
```
#afa5ed
```
#afa5ed rgb(175,165,237)
```
#b5a5ed
```
#b5a5ed rgb(181,165,237)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#c1a5ed
```
#c1a5ed rgb(193,165,237)
```
#c7a5ed
```
#c7a5ed rgb(199,165,237)
```
#cda5ed
```
#cda5ed rgb(205,165,237)
```

Similar Colors

Text with hexadecimal color #bba5ed

This text has a font color of #bba5ed.

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

#bba5ed background color

This paragraph has a background color of #bba5ed.

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

#bba5ed border color

This element has a border color of #bba5ed.

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

CSS codes

.text {color:#bba5ed;}

.background {background-color:#bba5ed;}

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

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

#040208
```
#040208 rgb(4,2,8)
```
#0b0518
```
#0b0518 rgb(11,5,24)
```
#120829
```
#120829 rgb(18,8,41)
```
#190b39
```
#190b39 rgb(25,11,57)
```
#210f49
```
#210f49 rgb(33,15,73)
```
#28125a
```
#28125a rgb(40,18,90)
```
#2f156a
```
#2f156a rgb(47,21,106)
```
#36197b
```
#36197b rgb(54,25,123)
```
#3e1c8b
```
#3e1c8b rgb(62,28,139)
```
#451f9b
```
#451f9b rgb(69,31,155)
```
#4c22ac
```
#4c22ac rgb(76,34,172)
```
#5426bc
```
#5426bc rgb(84,38,188)
```
#5b29cc
```
#5b29cc rgb(91,41,204)
```

Shade Color Variation

#6533d6
```
#6533d6 rgb(101,51,214)
```
#7143d9
```
#7143d9 rgb(113,67,217)
```
#7d53dd
```
#7d53dd rgb(125,83,221)
```
#8a64e0
```
#8a64e0 rgb(138,100,224)
```
#9674e3
```
#9674e3 rgb(150,116,227)
```
#a284e6
```
#a284e6 rgb(162,132,230)
```
#af95ea
```
#af95ea rgb(175,149,234)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#c7b5f0
```
#c7b5f0 rgb(199,181,240)
```
#d4c6f4
```
#d4c6f4 rgb(212,198,244)
```
#e0d6f7
```
#e0d6f7 rgb(224,214,247)
```
#ece6fa
```
#ece6fa rgb(236,230,250)
```
#f9f7fd
```
#f9f7fd rgb(249,247,253)
```

Tint Color Variation

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

#c8c6cc
```
#c8c6cc rgb(200,198,204)
```
#c6c2d0
```
#c6c2d0 rgb(198,194,208)
```
#c5bed4
```
#c5bed4 rgb(197,190,212)
```
#c3bad8
```
#c3bad8 rgb(195,186,216)
```
#c1b6dc
```
#c1b6dc rgb(193,182,220)
```
#c0b1e1
```
#c0b1e1 rgb(192,177,225)
```
#beade5
```
#beade5 rgb(190,173,229)
```
#bda9e9
```
#bda9e9 rgb(189,169,233)
```
#bba5ed
```
#bba5ed rgb(187,165,237)
```
#b9a1f1
```
#b9a1f1 rgb(185,161,241)
```
#b89df5
```
#b89df5 rgb(184,157,245)
```
#b699f9
```
#b699f9 rgb(182,153,249)
```
#b594fe
```
#b594fe rgb(181,148,254)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b5b1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f3 Protanopia 1% of men
#a4b2eb Deuteranopia 1% of men
#b4b3bf Tritanopia 0.001% of the population

Trichromacy

#a9adf1 Protanomaly 1% of men, 0.01% of women
#acadeb Deuteranomaly 6% of men, 0.4% of women
#b6aed0 Tritanomaly 0.01% of the population

#bba5ed hex color

#bba5ed Color Information

#bba5ed Color Conversion

Color Schemes with #bba5ed

Alternatives to #bba5ed

#bba5ed Preview

Shades and Tints of #bba5ed

Tones of #bba5ed

Color Blindness Simulator