#bba9f2 hex color

In a RGB color space, hex #bba9f2 is composed of 73.3% red, 66.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 30.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 254.8 degrees, a saturation of 73.7% and a lightness of 80.6%. #bba9f2 color hex could be obtained by blending #ffffff with #7753e5. Closest websafe color is: #cc99ff.

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

● #bba9f2 color description : Very soft blue.

The hexadecimal color #bba9f2 has RGB values of R:187, G:169, B:242 and CMYK values of C:0.23, M:0.3, Y:0, K:0.05. Its decimal value is 12298738.

Hex triplet	bba9f2	`#bba9f2`
RGB Decimal	187, 169, 242	`rgb(187,169,242)`
RGB Percent	73.3, 66.3, 94.9	`rgb(73.3%,66.3%,94.9%)`
CMYK	23, 30, 0, 5
HSL	254.8°, 73.7, 80.6	`hsl(254.8,73.7%,80.6%)`
HSV (or HSB)	254.8°, 30.2, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.123, 21.368, -34.094
XYZ	50.706, 45.351, 90.082
xyY	0.272, 0.244, 45.351
CIE-LCH	73.123, 40.237, 302.077
CIE-LUV	73.123, 4.501, -57.675
Hunter-Lab	67.343, 16.549, -32.169
Binary	10111011, 10101001, 11110010

#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#e0f2a9
```
#e0f2a9 rgb(224,242,169)
```

Complementary Color

#a9bcf2
```
#a9bcf2 rgb(169,188,242)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#e0a9f2
```
#e0a9f2 rgb(224,169,242)
```

Analogous Color

#bcf2a9
```
#bcf2a9 rgb(188,242,169)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#f2e0a9
```
#f2e0a9 rgb(242,224,169)
```

Split Complementary Color

#a9f2bb
```
#a9f2bb rgb(169,242,187)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#f2bba9
```
#f2bba9 rgb(242,187,169)
```

Triadic Color

#a9e0f2
```
#a9e0f2 rgb(169,224,242)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#f2bba9
```
#f2bba9 rgb(242,187,169)
```
#e0f2a9
```
#e0f2a9 rgb(224,242,169)
```

Tetradic Color

#8667e8
```
#8667e8 rgb(134,103,232)
```
#987deb
```
#987deb rgb(152,125,235)
```
#a993ef
```
#a993ef rgb(169,147,239)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#cdbff5
```
#cdbff5 rgb(205,191,245)
```
#ded5f9
```
#ded5f9 rgb(222,213,249)
```
#f0ebfc
```
#f0ebfc rgb(240,235,252)
```

Monochromatic Color

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

#a9a9f2
```
#a9a9f2 rgb(169,169,242)
```
#afa9f2
```
#afa9f2 rgb(175,169,242)
```
#b5a9f2
```
#b5a9f2 rgb(181,169,242)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#c1a9f2
```
#c1a9f2 rgb(193,169,242)
```
#c7a9f2
```
#c7a9f2 rgb(199,169,242)
```
#cda9f2
```
#cda9f2 rgb(205,169,242)
```

Similar Colors

Text with hexadecimal color #bba9f2

This text has a font color of #bba9f2.

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

#bba9f2 background color

This paragraph has a background color of #bba9f2.

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

#bba9f2 border color

This element has a border color of #bba9f2.

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

CSS codes

.text {color:#bba9f2;}

.background {background-color:#bba9f2;}

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

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

#060210
```
#060210 rgb(6,2,16)
```
#0c0521
```
#0c0521 rgb(12,5,33)
```
#120832
```
#120832 rgb(18,8,50)
```
#180a43
```
#180a43 rgb(24,10,67)
```
#1e0d54
```
#1e0d54 rgb(30,13,84)
```
#250f65
```
#250f65 rgb(37,15,101)
```
#2b1276
```
#2b1276 rgb(43,18,118)
```
#311488
```
#311488 rgb(49,20,136)
```
#371799
```
#371799 rgb(55,23,153)
```
#3d1aaa
```
#3d1aaa rgb(61,26,170)
```
#431cbb
```
#431cbb rgb(67,28,187)
```
#491fcc
```
#491fcc rgb(73,31,204)
```
#5021dd
```
#5021dd rgb(80,33,221)
```

Shade Color Variation

#5d32e0
```
#5d32e0 rgb(93,50,224)
```
#6a43e3
```
#6a43e3 rgb(106,67,227)
```
#7854e5
```
#7854e5 rgb(120,84,229)
```
#8565e8
```
#8565e8 rgb(133,101,232)
```
#9376ea
```
#9376ea rgb(147,118,234)
```
#a087ed
```
#a087ed rgb(160,135,237)
```
#ae98ef
```
#ae98ef rgb(174,152,239)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#c8baf5
```
#c8baf5 rgb(200,186,245)
```
#d6cbf7
```
#d6cbf7 rgb(214,203,247)
```
#e3dcfa
```
#e3dcfa rgb(227,220,250)
```
#f1edfc
```
#f1edfc rgb(241,237,252)
```
#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 #b59efd is the most saturated one.

#cccbd0
```
#cccbd0 rgb(204,203,208)
```
#cac7d4
```
#cac7d4 rgb(202,199,212)
```
#c9c4d7
```
#c9c4d7 rgb(201,196,215)
```
#c7c0db
```
#c7c0db rgb(199,192,219)
```
#c5bcdf
```
#c5bcdf rgb(197,188,223)
```
#c3b8e3
```
#c3b8e3 rgb(195,184,227)
```
#c1b4e7
```
#c1b4e7 rgb(193,180,231)
```
#bfb1ea
```
#bfb1ea rgb(191,177,234)
```
#bdadee
```
#bdadee rgb(189,173,238)
```
#bba9f2
```
#bba9f2 rgb(187,169,242)
```
#b9a5f6
```
#b9a5f6 rgb(185,165,246)
```
#b7a1fa
```
#b7a1fa rgb(183,161,250)
```
#b59efd
```
#b59efd rgb(181,158,253)
```

Tone Color Variation

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

Dichromacy

#a1b5f7 Protanopia 1% of men
#a6b5f0 Deuteranopia 1% of men
#b4b7c4 Tritanopia 0.001% of the population

Trichromacy

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

#bba9f2 hex color

#bba9f2 Color Information

#bba9f2 Color Conversion

Color Schemes with #bba9f2

Alternatives to #bba9f2

#bba9f2 Preview

Shades and Tints of #bba9f2

Tones of #bba9f2

Color Blindness Simulator