#bba8f2 hex color

In a RGB color space, hex #bba8f2 is composed of 73.3% red, 65.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 30.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 255.4 degrees, a saturation of 74% and a lightness of 80.4%. #bba8f2 color hex could be obtained by blending #ffffff with #7751e5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 66
- B 95
RGB color chart
- C 23
- M 31
- Y 0
- K 5
CMYK color chart

● #bba8f2 color description : Very soft violet.

The hexadecimal color #bba8f2 has RGB values of R:187, G:168, B:242 and CMYK values of C:0.23, M:0.31, Y:0, K:0.05. Its decimal value is 12298482.

Hex triplet	bba8f2	`#bba8f2`
RGB Decimal	187, 168, 242	`rgb(187,168,242)`
RGB Percent	73.3, 65.9, 94.9	`rgb(73.3%,65.9%,94.9%)`
CMYK	23, 31, 0, 5
HSL	255.4°, 74, 80.4	`hsl(255.4,74%,80.4%)`
HSV (or HSB)	255.4°, 30.6, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.879, 21.923, -34.471
XYZ	50.52, 44.981, 90.02
xyY	0.272, 0.242, 44.981
CIE-LCH	72.879, 40.852, 302.455
CIE-LUV	72.879, 4.924, -58.357
Hunter-Lab	67.068, 17.091, -32.633
Binary	10111011, 10101000, 11110010

#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#dff2a8
```
#dff2a8 rgb(223,242,168)
```

Complementary Color

#a8baf2
```
#a8baf2 rgb(168,186,242)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#e0a8f2
```
#e0a8f2 rgb(224,168,242)
```

Analogous Color

#baf2a8
```
#baf2a8 rgb(186,242,168)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#f2e0a8
```
#f2e0a8 rgb(242,224,168)
```

Split Complementary Color

#a8f2bb
```
#a8f2bb rgb(168,242,187)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#f2bba8
```
#f2bba8 rgb(242,187,168)
```

Triadic Color

#a8dff2
```
#a8dff2 rgb(168,223,242)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#f2bba8
```
#f2bba8 rgb(242,187,168)
```
#dff2a8
```
#dff2a8 rgb(223,242,168)
```

Tetradic Color

#8765e8
```
#8765e8 rgb(135,101,232)
```
#987ceb
```
#987ceb rgb(152,124,235)
```
#aa92ef
```
#aa92ef rgb(170,146,239)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#ccbef5
```
#ccbef5 rgb(204,190,245)
```
#ded4f9
```
#ded4f9 rgb(222,212,249)
```
#efebfc
```
#efebfc rgb(239,235,252)
```

Monochromatic Color

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

#a9a8f2
```
#a9a8f2 rgb(169,168,242)
```
#afa8f2
```
#afa8f2 rgb(175,168,242)
```
#b5a8f2
```
#b5a8f2 rgb(181,168,242)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#c1a8f2
```
#c1a8f2 rgb(193,168,242)
```
#c7a8f2
```
#c7a8f2 rgb(199,168,242)
```
#cea8f2
```
#cea8f2 rgb(206,168,242)
```

Similar Colors

Text with hexadecimal color #bba8f2

This text has a font color of #bba8f2.

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

#bba8f2 background color

This paragraph has a background color of #bba8f2.

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

#bba8f2 border color

This element has a border color of #bba8f2.

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

CSS codes

.text {color:#bba8f2;}

.background {background-color:#bba8f2;}

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

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

#06020f
```
#06020f rgb(6,2,15)
```
#0c0520
```
#0c0520 rgb(12,5,32)
```
#120732
```
#120732 rgb(18,7,50)
```
#180a43
```
#180a43 rgb(24,10,67)
```
#1f0d54
```
#1f0d54 rgb(31,13,84)
```
#250f65
```
#250f65 rgb(37,15,101)
```
#2b1276
```
#2b1276 rgb(43,18,118)
```
#321487
```
#321487 rgb(50,20,135)
```
#381798
```
#381798 rgb(56,23,152)
```
#3e19a9
```
#3e19a9 rgb(62,25,169)
```
#441cba
```
#441cba rgb(68,28,186)
```
#4b1ecb
```
#4b1ecb rgb(75,30,203)
```
#5121dc
```
#5121dc rgb(81,33,220)
```

Shade Color Variation

#5e31e0
```
#5e31e0 rgb(94,49,224)
```
#6b42e3
```
#6b42e3 rgb(107,66,227)
```
#7853e5
```
#7853e5 rgb(120,83,229)
```
#8664e8
```
#8664e8 rgb(134,100,232)
```
#9375ea
```
#9375ea rgb(147,117,234)
```
#a086ed
```
#a086ed rgb(160,134,237)
```
#ae97ef
```
#ae97ef rgb(174,151,239)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#c8b9f5
```
#c8b9f5 rgb(200,185,245)
```
#d6caf7
```
#d6caf7 rgb(214,202,247)
```
#e3dbfa
```
#e3dbfa rgb(227,219,250)
```
#f0ecfc
```
#f0ecfc rgb(240,236,252)
```
#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 #b59cfe is the most saturated one.

#cccbcf
```
#cccbcf rgb(204,203,207)
```
#cac7d3
```
#cac7d3 rgb(202,199,211)
```
#c8c3d7
```
#c8c3d7 rgb(200,195,215)
```
#c6bfdb
```
#c6bfdb rgb(198,191,219)
```
#c4bbdf
```
#c4bbdf rgb(196,187,223)
```
#c2b7e3
```
#c2b7e3 rgb(194,183,227)
```
#c1b4e6
```
#c1b4e6 rgb(193,180,230)
```
#bfb0ea
```
#bfb0ea rgb(191,176,234)
```
#bdacee
```
#bdacee rgb(189,172,238)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#b9a4f6
```
#b9a4f6 rgb(185,164,246)
```
#b7a0fa
```
#b7a0fa rgb(183,160,250)
```
#b59cfe
```
#b59cfe rgb(181,156,254)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b7b3c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b4f8 Protanopia 1% of men
#a5b4ef Deuteranopia 1% of men
#b4b6c3 Tritanopia 0.001% of the population

Trichromacy

#aaaff5 Protanomaly 1% of men, 0.01% of women
#adaff0 Deuteranomaly 6% of men, 0.4% of women
#b6b1d4 Tritanomaly 0.01% of the population

#bba8f2 hex color

#bba8f2 Color Information

#bba8f2 Color Conversion

Color Schemes with #bba8f2

Alternatives to #bba8f2

#bba8f2 Preview

Shades and Tints of #bba8f2

Tones of #bba8f2

Color Blindness Simulator