#bba5f5 hex color

In a RGB color space, hex #bba5f5 is composed of 73.3% red, 64.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 32.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 256.5 degrees, a saturation of 80% and a lightness of 80.4%. #bba5f5 color hex could be obtained by blending #ffffff with #774beb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 65
- B 96
RGB color chart
- C 24
- M 33
- Y 0
- K 4
CMYK color chart

● #bba5f5 color description : Very soft violet.

The hexadecimal color #bba5f5 has RGB values of R:187, G:165, B:245 and CMYK values of C:0.24, M:0.33, Y:0, K:0.04. Its decimal value is 12297717.

Hex triplet	bba5f5	`#bba5f5`
RGB Decimal	187, 165, 245	`rgb(187,165,245)`
RGB Percent	73.3, 64.7, 96.1	`rgb(73.3%,64.7%,96.1%)`
CMYK	24, 33, 0, 4
HSL	256.5°, 80, 80.4	`hsl(256.5,80%,80.4%)`
HSV (or HSB)	256.5°, 32.7, 96.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.274, 24.284, -37.039
XYZ	50.427, 44.068, 92.23
xyY	0.27, 0.236, 44.068
CIE-LCH	72.274, 44.29, 303.25
CIE-LUV	72.274, 5.911, -62.917
Hunter-Lab	66.383, 19.424, -35.907
Binary	10111011, 10100101, 11110101

#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#dff5a5
```
#dff5a5 rgb(223,245,165)
```

Complementary Color

#a5b7f5
```
#a5b7f5 rgb(165,183,245)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#e3a5f5
```
#e3a5f5 rgb(227,165,245)
```

Analogous Color

#b7f5a5
```
#b7f5a5 rgb(183,245,165)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#f5e3a5
```
#f5e3a5 rgb(245,227,165)
```

Split Complementary Color

#a5f5bb
```
#a5f5bb rgb(165,245,187)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#f5bba5
```
#f5bba5 rgb(245,187,165)
```

Triadic Color

#a5dff5
```
#a5dff5 rgb(165,223,245)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#f5bba5
```
#f5bba5 rgb(245,187,165)
```
#dff5a5
```
#dff5a5 rgb(223,245,165)
```

Tetradic Color

#8760ed
```
#8760ed rgb(135,96,237)
```
#9877f0
```
#9877f0 rgb(152,119,240)
```
#aa8ef2
```
#aa8ef2 rgb(170,142,242)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#ccbcf8
```
#ccbcf8 rgb(204,188,248)
```
#ded3fa
```
#ded3fa rgb(222,211,250)
```
#efeafd
```
#efeafd rgb(239,234,253)
```

Monochromatic Color

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

#a7a5f5
```
#a7a5f5 rgb(167,165,245)
```
#aea5f5
```
#aea5f5 rgb(174,165,245)
```
#b4a5f5
```
#b4a5f5 rgb(180,165,245)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#c2a5f5
```
#c2a5f5 rgb(194,165,245)
```
#c8a5f5
```
#c8a5f5 rgb(200,165,245)
```
#cfa5f5
```
#cfa5f5 rgb(207,165,245)
```

Similar Colors

Text with hexadecimal color #bba5f5

This text has a font color of #bba5f5.

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

#bba5f5 background color

This paragraph has a background color of #bba5f5.

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

#bba5f5 border color

This element has a border color of #bba5f5.

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

CSS codes

.text {color:#bba5f5;}

.background {background-color:#bba5f5;}

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

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

#060210
```
#060210 rgb(6,2,16)
```
#0c0422
```
#0c0422 rgb(12,4,34)
```
#120633
```
#120633 rgb(18,6,51)
```
#180845
```
#180845 rgb(24,8,69)
```
#1f0a57
```
#1f0a57 rgb(31,10,87)
```
#250c68
```
#250c68 rgb(37,12,104)
```
#2b0e7a
```
#2b0e7a rgb(43,14,122)
```
#32108c
```
#32108c rgb(50,16,140)
```
#38119d
```
#38119d rgb(56,17,157)
```
#3e13af
```
#3e13af rgb(62,19,175)
```
#4415c0
```
#4415c0 rgb(68,21,192)
```
#4b17d2
```
#4b17d2 rgb(75,23,210)
```
#5119e4
```
#5119e4 rgb(81,25,228)
```

Shade Color Variation

#5e29e7
```
#5e29e7 rgb(94,41,231)
```
#6b3be9
```
#6b3be9 rgb(107,59,233)
```
#784deb
```
#784deb rgb(120,77,235)
```
#865eed
```
#865eed rgb(134,94,237)
```
#9370ef
```
#9370ef rgb(147,112,239)
```
#a082f1
```
#a082f1 rgb(160,130,241)
```
#ae93f3
```
#ae93f3 rgb(174,147,243)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#c8b7f7
```
#c8b7f7 rgb(200,183,247)
```
#d6c8f9
```
#d6c8f9 rgb(214,200,249)
```
#e3dafb
```
#e3dafb rgb(227,218,251)
```
#f0ecfd
```
#f0ecfd rgb(240,236,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#cccbcf
```
#cccbcf rgb(204,203,207)
```
#cbc8d2
```
#cbc8d2 rgb(203,200,210)
```
#c9c4d6
```
#c9c4d6 rgb(201,196,214)
```
#c7c0da
```
#c7c0da rgb(199,192,218)
```
#c5bcde
```
#c5bcde rgb(197,188,222)
```
#c4b8e2
```
#c4b8e2 rgb(196,184,226)
```
#c2b4e6
```
#c2b4e6 rgb(194,180,230)
```
#c0b1e9
```
#c0b1e9 rgb(192,177,233)
```
#beaded
```
#beaded rgb(190,173,237)
```
#bda9f1
```
#bda9f1 rgb(189,169,241)
```
#bba5f5
```
#bba5f5 rgb(187,165,245)
```
#b9a1f9
```
#b9a1f9 rgb(185,161,249)
```
#b89dfd
```
#b89dfd rgb(184,157,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b6b2c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb2fb Protanopia 1% of men
#a0b3f2 Deuteranopia 1% of men
#b2b4c1 Tritanopia 0.001% of the population

Trichromacy

#a7adf9 Protanomaly 1% of men, 0.01% of women
#aaaef3 Deuteranomaly 6% of men, 0.4% of women
#b5aed4 Tritanomaly 0.01% of the population

#bba5f5 hex color

#bba5f5 Color Information

#bba5f5 Color Conversion

Color Schemes with #bba5f5

Alternatives to #bba5f5

#bba5f5 Preview

Shades and Tints of #bba5f5

Tones of #bba5f5

Color Blindness Simulator