#bba1f0 hex color

In a RGB color space, hex #bba1f0 is composed of 73.3% red, 63.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 32.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 259.7 degrees, a saturation of 72.5% and a lightness of 78.6%. #bba1f0 color hex could be obtained by blending #ffffff with #7743e1. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 63
- B 94
RGB color chart
- C 22
- M 33
- Y 0
- K 6
CMYK color chart

● #bba1f0 color description : Very soft violet.

The hexadecimal color #bba1f0 has RGB values of R:187, G:161, B:240 and CMYK values of C:0.22, M:0.33, Y:0, K:0.06. Its decimal value is 12296688.

Hex triplet	bba1f0	`#bba1f0`
RGB Decimal	187, 161, 240	`rgb(187,161,240)`
RGB Percent	73.3, 63.1, 94.1	`rgb(73.3%,63.1%,94.1%)`
CMYK	22, 33, 0, 6
HSL	259.7°, 72.5, 78.6	`hsl(259.7,72.5%,78.6%)`
HSV (or HSB)	259.7°, 32.9, 94.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.109, 25.351, -36.128
XYZ	48.964, 42.346, 88.027
xyY	0.273, 0.236, 42.346
CIE-LCH	71.109, 44.135, 305.057
CIE-LUV	71.109, 8.05, -61.397
Hunter-Lab	65.074, 20.431, -34.652
Binary	10111011, 10100001, 11110000

#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#d6f0a1
```
#d6f0a1 rgb(214,240,161)
```

Complementary Color

#a1aff0
```
#a1aff0 rgb(161,175,240)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#e3a1f0
```
#e3a1f0 rgb(227,161,240)
```

Analogous Color

#aff0a1
```
#aff0a1 rgb(175,240,161)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#f0e3a1
```
#f0e3a1 rgb(240,227,161)
```

Split Complementary Color

#a1f0bb
```
#a1f0bb rgb(161,240,187)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#f0bba1
```
#f0bba1 rgb(240,187,161)
```

Triadic Color

#a1d6f0
```
#a1d6f0 rgb(161,214,240)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#f0bba1
```
#f0bba1 rgb(240,187,161)
```
#d6f0a1
```
#d6f0a1 rgb(214,240,161)
```

Tetradic Color

#8b5fe5
```
#8b5fe5 rgb(139,95,229)
```
#9b75e9
```
#9b75e9 rgb(155,117,233)
```
#ab8bec
```
#ab8bec rgb(171,139,236)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#cbb7f4
```
#cbb7f4 rgb(203,183,244)
```
#dbcdf7
```
#dbcdf7 rgb(219,205,247)
```
#ebe3fb
```
#ebe3fb rgb(235,227,251)
```

Monochromatic Color

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

#a7a1f0
```
#a7a1f0 rgb(167,161,240)
```
#aea1f0
```
#aea1f0 rgb(174,161,240)
```
#b4a1f0
```
#b4a1f0 rgb(180,161,240)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#c2a1f0
```
#c2a1f0 rgb(194,161,240)
```
#c8a1f0
```
#c8a1f0 rgb(200,161,240)
```
#cfa1f0
```
#cfa1f0 rgb(207,161,240)
```

Similar Colors

Text with hexadecimal color #bba1f0

This text has a font color of #bba1f0.

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

#bba1f0 background color

This paragraph has a background color of #bba1f0.

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

#bba1f0 border color

This element has a border color of #bba1f0.

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

CSS codes

.text {color:#bba1f0;}

.background {background-color:#bba1f0;}

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

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

#030107
```
#030107 rgb(3,1,7)
```
#0b0418
```
#0b0418 rgb(11,4,24)
```
#120729
```
#120729 rgb(18,7,41)
```
#19093a
```
#19093a rgb(25,9,58)
```
#210c4b
```
#210c4b rgb(33,12,75)
```
#280f5c
```
#280f5c rgb(40,15,92)
```
#30116d
```
#30116d rgb(48,17,109)
```
#37147e
```
#37147e rgb(55,20,126)
```
#3e178f
```
#3e178f rgb(62,23,143)
```
#4619a0
```
#4619a0 rgb(70,25,160)
```
#4d1cb1
```
#4d1cb1 rgb(77,28,177)
```
#541fc2
```
#541fc2 rgb(84,31,194)
```
#5c22d2
```
#5c22d2 rgb(92,34,210)
```

Shade Color Variation

#652bdd
```
#652bdd rgb(101,43,221)
```
#723ce0
```
#723ce0 rgb(114,60,224)
```
#7e4ce3
```
#7e4ce3 rgb(126,76,227)
```
#8a5de5
```
#8a5de5 rgb(138,93,229)
```
#966ee8
```
#966ee8 rgb(150,110,232)
```
#a37feb
```
#a37feb rgb(163,127,235)
```
#af90ed
```
#af90ed rgb(175,144,237)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#c7b2f3
```
#c7b2f3 rgb(199,178,243)
```
#d3c3f5
```
#d3c3f5 rgb(211,195,245)
```
#e0d4f8
```
#e0d4f8 rgb(224,212,248)
```
#ece5fb
```
#ece5fb rgb(236,229,251)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#c8c7ca
```
#c8c7ca rgb(200,199,202)
```
#c6c3ce
```
#c6c3ce rgb(198,195,206)
```
#c5bed3
```
#c5bed3 rgb(197,190,211)
```
#c4bad7
```
#c4bad7 rgb(196,186,215)
```
#c2b6db
```
#c2b6db rgb(194,182,219)
```
#c1b2df
```
#c1b2df rgb(193,178,223)
```
#bfaee3
```
#bfaee3 rgb(191,174,227)
```
#bea9e8
```
#bea9e8 rgb(190,169,232)
```
#bca5ec
```
#bca5ec rgb(188,165,236)
```
#bba1f0
```
#bba1f0 rgb(187,161,240)
```
#ba9df4
```
#ba9df4 rgb(186,157,244)
```
#b899f8
```
#b899f8 rgb(184,153,248)
```
#b794fd
```
#b794fd rgb(183,148,253)
```

Tone Color Variation

Below, you can see how #bba1f0 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
#b4afbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#99aff7 Protanopia 1% of men
#9eb0ed Deuteranopia 1% of men
#b3b0bd Tritanopia 0.001% of the population

Trichromacy

#a5aaf4 Protanomaly 1% of men, 0.01% of women
#a9aaee Deuteranomaly 6% of men, 0.4% of women
#b6abcf Tritanomaly 0.01% of the population

#bba1f0 hex color

#bba1f0 Color Information

#bba1f0 Color Conversion

Color Schemes with #bba1f0

Alternatives to #bba1f0

#bba1f0 Preview

Shades and Tints of #bba1f0

Tones of #bba1f0

Color Blindness Simulator