#bba1fa hex color

In a RGB color space, hex #bba1fa is composed of 73.3% red, 63.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 35.6% magenta, 0% yellow and 2% black. It has a hue angle of 257.5 degrees, a saturation of 89.9% and a lightness of 80.6%. #bba1fa color hex could be obtained by blending #ffffff with #7743f5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 63
- B 98
RGB color chart
- C 25
- M 36
- Y 0
- K 2
CMYK color chart

● #bba1fa color description : Very soft violet.

The hexadecimal color #bba1fa has RGB values of R:187, G:161, B:250 and CMYK values of C:0.25, M:0.36, Y:0, K:0.02. Its decimal value is 12296698.

Hex triplet	bba1fa	`#bba1fa`
RGB Decimal	187, 161, 250	`rgb(187,161,250)`
RGB Percent	73.3, 63.1, 98	`rgb(73.3%,63.1%,98%)`
CMYK	25, 36, 0, 2
HSL	257.5°, 89.9, 80.6	`hsl(257.5,89.9%,80.6%)`
HSV (or HSB)	257.5°, 35.6, 98
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.525, 27.678, -40.918
XYZ	50.491, 42.957, 96.069
xyY	0.266, 0.227, 42.957
CIE-LCH	71.525, 49.4, 304.076
CIE-LUV	71.525, 7.073, -69.792
Hunter-Lab	65.541, 22.813, -41.027
Binary	10111011, 10100001, 11111010

#bba1fa
```
#bba1fa rgb(187,161,250)
```
#e0faa1
```
#e0faa1 rgb(224,250,161)
```

Complementary Color

#a1b4fa
```
#a1b4fa rgb(161,180,250)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#e8a1fa
```
#e8a1fa rgb(232,161,250)
```

Analogous Color

#b4faa1
```
#b4faa1 rgb(180,250,161)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#fae8a1
```
#fae8a1 rgb(250,232,161)
```

Split Complementary Color

#a1fabb
```
#a1fabb rgb(161,250,187)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#fabba1
```
#fabba1 rgb(250,187,161)
```

Triadic Color

#a1e0fa
```
#a1e0fa rgb(161,224,250)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#fabba1
```
#fabba1 rgb(250,187,161)
```
#e0faa1
```
#e0faa1 rgb(224,250,161)
```

Tetradic Color

#8658f6
```
#8658f6 rgb(134,88,246)
```
#9871f7
```
#9871f7 rgb(152,113,247)
```
#a989f9
```
#a989f9 rgb(169,137,249)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#cdb9fb
```
#cdb9fb rgb(205,185,251)
```
#ded1fd
```
#ded1fd rgb(222,209,253)
```
#f0eafe
```
#f0eafe rgb(240,234,254)
```

Monochromatic Color

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

#a5a1fa
```
#a5a1fa rgb(165,161,250)
```
#aca1fa
```
#aca1fa rgb(172,161,250)
```
#b4a1fa
```
#b4a1fa rgb(180,161,250)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#c2a1fa
```
#c2a1fa rgb(194,161,250)
```
#caa1fa
```
#caa1fa rgb(202,161,250)
```
#d1a1fa
```
#d1a1fa rgb(209,161,250)
```

Similar Colors

Text with hexadecimal color #bba1fa

This text has a font color of #bba1fa.

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

#bba1fa background color

This paragraph has a background color of #bba1fa.

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

#bba1fa border color

This element has a border color of #bba1fa.

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

CSS codes

.text {color:#bba1fa;}

.background {background-color:#bba1fa;}

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

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

#060112
```
#060112 rgb(6,1,18)
```
#0c0224
```
#0c0224 rgb(12,2,36)
```
#120337
```
#120337 rgb(18,3,55)
```
#18044a
```
#18044a rgb(24,4,74)
```
#1e055c
```
#1e055c rgb(30,5,92)
```
#25066f
```
#25066f rgb(37,6,111)
```
#2b0781
```
#2b0781 rgb(43,7,129)
```
#310894
```
#310894 rgb(49,8,148)
```
#3709a7
```
#3709a7 rgb(55,9,167)
```
#3d0ab9
```
#3d0ab9 rgb(61,10,185)
```
#430bcc
```
#430bcc rgb(67,11,204)
```
#490cdf
```
#490cdf rgb(73,12,223)
```
#500df1
```
#500df1 rgb(80,13,241)
```

Shade Color Variation

#5d1ff3
```
#5d1ff3 rgb(93,31,243)
```
#6a31f4
```
#6a31f4 rgb(106,49,244)
```
#7844f5
```
#7844f5 rgb(120,68,245)
```
#8557f6
```
#8557f6 rgb(133,87,246)
```
#9369f7
```
#9369f7 rgb(147,105,247)
```
#a07cf8
```
#a07cf8 rgb(160,124,248)
```
#ae8ef9
```
#ae8ef9 rgb(174,142,249)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#c8b4fb
```
#c8b4fb rgb(200,180,251)
```
#d6c6fc
```
#d6c6fc rgb(214,198,252)
```
#e3d9fd
```
#e3d9fd rgb(227,217,253)
```
#f1ebfe
```
#f1ebfe rgb(241,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#cccbd0
```
#cccbd0 rgb(204,203,208)
```
#cbc7d4
```
#cbc7d4 rgb(203,199,212)
```
#c9c3d8
```
#c9c3d8 rgb(201,195,216)
```
#c8bfdc
```
#c8bfdc rgb(200,191,220)
```
#c6bcdf
```
#c6bcdf rgb(198,188,223)
```
#c4b8e3
```
#c4b8e3 rgb(196,184,227)
```
#c3b4e7
```
#c3b4e7 rgb(195,180,231)
```
#c1b0eb
```
#c1b0eb rgb(193,176,235)
```
#c0acef
```
#c0acef rgb(192,172,239)
```
#bea9f2
```
#bea9f2 rgb(190,169,242)
```
#bda5f6
```
#bda5f6 rgb(189,165,246)
```
#bba1fa
```
#bba1fa rgb(187,161,250)
```
#b99dfe
```
#b99dfe rgb(185,157,254)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b5afc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97b0ff Protanopia 1% of men
#99b1f6 Deuteranopia 1% of men
#b1b2bf Tritanopia 0.001% of the population

Trichromacy

#a4abfd Protanomaly 1% of men, 0.01% of women
#a5abf7 Deuteranomaly 6% of men, 0.4% of women
#b4acd4 Tritanomaly 0.01% of the population

#bba1fa hex color

#bba1fa Color Information

#bba1fa Color Conversion

Color Schemes with #bba1fa

Alternatives to #bba1fa

#bba1fa Preview

Shades and Tints of #bba1fa

Tones of #bba1fa

Color Blindness Simulator