#bba1ff hex color

In a RGB color space, hex #bba1ff is composed of 73.3% red, 63.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 36.9% magenta, 0% yellow and 0% black. It has a hue angle of 256.6 degrees, a saturation of 100% and a lightness of 81.6%. #bba1ff color hex could be obtained by blending #ffffff with #7743ff. Closest websafe color is: #cc99ff.

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

● #bba1ff color description : Pale violet.

The hexadecimal color #bba1ff has RGB values of R:187, G:161, B:255 and CMYK values of C:0.27, M:0.37, Y:0, K:0. Its decimal value is 12296703.

Hex triplet	bba1ff	`#bba1ff`
RGB Decimal	187, 161, 255	`rgb(187,161,255)`
RGB Percent	73.3, 63.1, 100	`rgb(73.3%,63.1%,100%)`
CMYK	27, 37, 0, 0
HSL	256.6°, 100, 81.6	`hsl(256.6,100%,81.6%)`
HSV (or HSB)	256.6°, 36.9, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	71.741, 28.863, -43.293
XYZ	51.285, 43.274, 100.253
xyY	0.263, 0.222, 43.274
CIE-LCH	71.741, 52.032, 303.691
CIE-LUV	71.741, 6.587, -73.975
Hunter-Lab	65.783, 24.04, -44.309
Binary	10111011, 10100001, 11111111

#bba1ff
```
#bba1ff rgb(187,161,255)
```
#e5ffa1
```
#e5ffa1 rgb(229,255,161)
```

Complementary Color

#a1b6ff
```
#a1b6ff rgb(161,182,255)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```
#eaa1ff
```
#eaa1ff rgb(234,161,255)
```

Analogous Color

#b6ffa1
```
#b6ffa1 rgb(182,255,161)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```
#ffeaa1
```
#ffeaa1 rgb(255,234,161)
```

Split Complementary Color

#a1ffbb
```
#a1ffbb rgb(161,255,187)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```
#ffbba1
```
#ffbba1 rgb(255,187,161)
```

Triadic Color

#a1e5ff
```
#a1e5ff rgb(161,229,255)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```
#ffbba1
```
#ffbba1 rgb(255,187,161)
```
#e5ffa1
```
#e5ffa1 rgb(229,255,161)
```

Tetradic Color

#8455ff
```
#8455ff rgb(132,85,255)
```
#966eff
```
#966eff rgb(150,110,255)
```
#a988ff
```
#a988ff rgb(169,136,255)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```
#cdbbff
```
#cdbbff rgb(205,187,255)
```
#e0d4ff
```
#e0d4ff rgb(224,212,255)
```
#f2eeff
```
#f2eeff rgb(242,238,255)
```

Monochromatic Color

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

#a4a1ff
```
#a4a1ff rgb(164,161,255)
```
#aba1ff
```
#aba1ff rgb(171,161,255)
```
#b3a1ff
```
#b3a1ff rgb(179,161,255)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```
#c3a1ff
```
#c3a1ff rgb(195,161,255)
```
#cba1ff
```
#cba1ff rgb(203,161,255)
```
#d3a1ff
```
#d3a1ff rgb(211,161,255)
```

Similar Colors

Text with hexadecimal color #bba1ff

This text has a font color of #bba1ff.

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

#bba1ff background color

This paragraph has a background color of #bba1ff.

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

#bba1ff border color

This element has a border color of #bba1ff.

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

CSS codes

.text {color:#bba1ff;}

.background {background-color:#bba1ff;}

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

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

#010004
```
#010004 rgb(1,0,4)
```
#070018
```
#070018 rgb(7,0,24)
```
#0c002b
```
#0c002b rgb(12,0,43)
```
#11003f
```
#11003f rgb(17,0,63)
```
#170053
```
#170053 rgb(23,0,83)
```
#1c0066
```
#1c0066 rgb(28,0,102)
```
#22007a
```
#22007a rgb(34,0,122)
```
#27008d
```
#27008d rgb(39,0,141)
```
#2d00a1
```
#2d00a1 rgb(45,0,161)
```
#3200b5
```
#3200b5 rgb(50,0,181)
```
#3700c8
```
#3700c8 rgb(55,0,200)
```
#3d00dc
```
#3d00dc rgb(61,0,220)
```
#4200ef
```
#4200ef rgb(66,0,239)
```

Shade Color Variation

#4904ff
```
#4904ff rgb(73,4,255)
```
#5818ff
```
#5818ff rgb(88,24,255)
```
#662bff
```
#662bff rgb(102,43,255)
```
#743fff
```
#743fff rgb(116,63,255)
```
#8253ff
```
#8253ff rgb(130,83,255)
```
#9066ff
```
#9066ff rgb(144,102,255)
```
#9f7aff
```
#9f7aff rgb(159,122,255)
```
#ad8dff
```
#ad8dff rgb(173,141,255)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```
#c9b5ff
```
#c9b5ff rgb(201,181,255)
```
#d7c8ff
```
#d7c8ff rgb(215,200,255)
```
#e6dcff
```
#e6dcff rgb(230,220,255)
```
#f4efff
```
#f4efff rgb(244,239,255)
```

Tint Color Variation

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

#ceccd4
```
#ceccd4 rgb(206,204,212)
```
#cdc9d7
```
#cdc9d7 rgb(205,201,215)
```
#cbc5db
```
#cbc5db rgb(203,197,219)
```
#cac2de
```
#cac2de rgb(202,194,222)
```
#c8bee2
```
#c8bee2 rgb(200,190,226)
```
#c6bae6
```
#c6bae6 rgb(198,186,230)
```
#c5b7e9
```
#c5b7e9 rgb(197,183,233)
```
#c3b3ed
```
#c3b3ed rgb(195,179,237)
```
#c1aff1
```
#c1aff1 rgb(193,175,241)
```
#c0acf4
```
#c0acf4 rgb(192,172,244)
```
#bea8f8
```
#bea8f8 rgb(190,168,248)
```
#bda5fb
```
#bda5fb rgb(189,165,251)
```
#bba1ff
```
#bba1ff rgb(187,161,255)
```

Tone Color Variation

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

Dichromacy

#97b1ff Protanopia 1% of men
#96b2fa Deuteranopia 1% of men
#afb3c0 Tritanopia 0.001% of the population

Trichromacy

#a4abff Protanomaly 1% of men, 0.01% of women
#a3acfc Deuteranomaly 6% of men, 0.4% of women
#b3acd7 Tritanomaly 0.01% of the population

#bba1ff hex color

#bba1ff Color Information

#bba1ff Color Conversion

Color Schemes with #bba1ff

Alternatives to #bba1ff

#bba1ff Preview

Shades and Tints of #bba1ff

Tones of #bba1ff

Color Blindness Simulator