#bba8f7 hex color

In a RGB color space, hex #bba8f7 is composed of 73.3% red, 65.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 32% magenta, 0% yellow and 3.1% black. It has a hue angle of 254.4 degrees, a saturation of 83.2% and a lightness of 81.4%. #bba8f7 color hex could be obtained by blending #ffffff with #7751ef. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 66
- B 97
RGB color chart
- C 24
- M 32
- Y 0
- K 3
CMYK color chart

● #bba8f7 color description : Very soft blue.

The hexadecimal color #bba8f7 has RGB values of R:187, G:168, B:247 and CMYK values of C:0.24, M:0.32, Y:0, K:0.03. Its decimal value is 12298487.

Hex triplet	bba8f7	`#bba8f7`
RGB Decimal	187, 168, 247	`rgb(187,168,247)`
RGB Percent	73.3, 65.9, 96.9	`rgb(73.3%,65.9%,96.9%)`
CMYK	24, 32, 0, 3
HSL	254.4°, 83.2, 81.4	`hsl(254.4,83.2%,81.4%)`
HSV (or HSB)	254.4°, 32, 96.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.079, 23.084, -36.873
XYZ	51.282, 45.285, 94.03
xyY	0.269, 0.238, 45.285
CIE-LCH	73.079, 43.503, 302.049
CIE-LUV	73.079, 4.488, -62.569
Hunter-Lab	67.294, 18.261, -35.739
Binary	10111011, 10101000, 11110111

#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#e4f7a8
```
#e4f7a8 rgb(228,247,168)
```

Complementary Color

#a8bdf7
```
#a8bdf7 rgb(168,189,247)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#e3a8f7
```
#e3a8f7 rgb(227,168,247)
```

Analogous Color

#bdf7a8
```
#bdf7a8 rgb(189,247,168)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#f7e3a8
```
#f7e3a8 rgb(247,227,168)
```

Split Complementary Color

#a8f7bb
```
#a8f7bb rgb(168,247,187)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#f7bba8
```
#f7bba8 rgb(247,187,168)
```

Triadic Color

#a8e4f7
```
#a8e4f7 rgb(168,228,247)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#f7bba8
```
#f7bba8 rgb(247,187,168)
```
#e4f7a8
```
#e4f7a8 rgb(228,247,168)
```

Tetradic Color

#8462f1
```
#8462f1 rgb(132,98,241)
```
#9679f3
```
#9679f3 rgb(150,121,243)
```
#a991f5
```
#a991f5 rgb(169,145,245)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#cdbff9
```
#cdbff9 rgb(205,191,249)
```
#e0d7fb
```
#e0d7fb rgb(224,215,251)
```
#f2eefd
```
#f2eefd rgb(242,238,253)
```

Monochromatic Color

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

#a8a9f7
```
#a8a9f7 rgb(168,169,247)
```
#aea8f7
```
#aea8f7 rgb(174,168,247)
```
#b4a8f7
```
#b4a8f7 rgb(180,168,247)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#c2a8f7
```
#c2a8f7 rgb(194,168,247)
```
#c8a8f7
```
#c8a8f7 rgb(200,168,247)
```
#cfa8f7
```
#cfa8f7 rgb(207,168,247)
```

Similar Colors

Text with hexadecimal color #bba8f7

This text has a font color of #bba8f7.

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

#bba8f7 background color

This paragraph has a background color of #bba8f7.

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

#bba8f7 border color

This element has a border color of #bba8f7.

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

CSS codes

.text {color:#bba8f7;}

.background {background-color:#bba8f7;}

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060215
```
#060215 rgb(6,2,21)
```
#0c0427
```
#0c0427 rgb(12,4,39)
```
#120539
```
#120539 rgb(18,5,57)
```
#17074b
```
#17074b rgb(23,7,75)
```
#1d095d
```
#1d095d rgb(29,9,93)
```
#220a6f
```
#220a6f rgb(34,10,111)
```
#280c81
```
#280c81 rgb(40,12,129)
```
#2d0d93
```
#2d0d93 rgb(45,13,147)
```
#330fa4
```
#330fa4 rgb(51,15,164)
```
#3911b6
```
#3911b6 rgb(57,17,182)
```
#3e12c8
```
#3e12c8 rgb(62,18,200)
```
#4414da
```
#4414da rgb(68,20,218)
```

Shade Color Variation

#4b18ea
```
#4b18ea rgb(75,24,234)
```
#592aeb
```
#592aeb rgb(89,42,235)
```
#673ced
```
#673ced rgb(103,60,237)
```
#754eef
```
#754eef rgb(117,78,239)
```
#8360f0
```
#8360f0 rgb(131,96,240)
```
#9172f2
```
#9172f2 rgb(145,114,242)
```
#9f84f4
```
#9f84f4 rgb(159,132,244)
```
#ad96f5
```
#ad96f5 rgb(173,150,245)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#c9baf9
```
#c9baf9 rgb(201,186,249)
```
#d7ccfa
```
#d7ccfa rgb(215,204,250)
```
#e5defc
```
#e5defc rgb(229,222,252)
```
#f3f0fe
```
#f3f0fe rgb(243,240,254)
```

Tint Color Variation

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

#cecdd2
```
#cecdd2 rgb(206,205,210)
```
#ccc9d6
```
#ccc9d6 rgb(204,201,214)
```
#cac5da
```
#cac5da rgb(202,197,218)
```
#c8c2dd
```
#c8c2dd rgb(200,194,221)
```
#c6bee1
```
#c6bee1 rgb(198,190,225)
```
#c4bae5
```
#c4bae5 rgb(196,186,229)
```
#c3b7e8
```
#c3b7e8 rgb(195,183,232)
```
#c1b3ec
```
#c1b3ec rgb(193,179,236)
```
#bfaff0
```
#bfaff0 rgb(191,175,240)
```
#bdacf3
```
#bdacf3 rgb(189,172,243)
```
#bba8f7
```
#bba8f7 rgb(187,168,247)
```
#b9a4fb
```
#b9a4fb rgb(185,164,251)
```
#b7a1fe
```
#b7a1fe rgb(183,161,254)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b8b4c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb4fd Protanopia 1% of men
#a2b5f4 Deuteranopia 1% of men
#b2b7c4 Tritanopia 0.001% of the population

Trichromacy

#a9b0fa Protanomaly 1% of men, 0.01% of women
#abb0f5 Deuteranomaly 6% of men, 0.4% of women
#b5b1d6 Tritanomaly 0.01% of the population

#bba8f7 hex color

#bba8f7 Color Information

#bba8f7 Color Conversion

Color Schemes with #bba8f7

Alternatives to #bba8f7

#bba8f7 Preview

Shades and Tints of #bba8f7

Tones of #bba8f7

Color Blindness Simulator