#bba6f7 hex color

In a RGB color space, hex #bba6f7 is composed of 73.3% red, 65.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 32.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 255.6 degrees, a saturation of 83.5% and a lightness of 81%. #bba6f7 color hex could be obtained by blending #ffffff with #774def. Closest websafe color is: #cc99ff.

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

● #bba6f7 color description : Very soft violet.

The hexadecimal color #bba6f7 has RGB values of R:187, G:166, B:247 and CMYK values of C:0.24, M:0.33, Y:0, K:0.03. Its decimal value is 12297975.

Hex triplet	bba6f7	`#bba6f7`
RGB Decimal	187, 166, 247	`rgb(187,166,247)`
RGB Percent	73.3, 65.1, 96.9	`rgb(73.3%,65.1%,96.9%)`
CMYK	24, 33, 0, 3
HSL	255.6°, 83.5, 81	`hsl(255.6,83.5%,81%)`
HSV (or HSB)	255.6°, 32.8, 96.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.596, 24.195, -37.623
XYZ	50.915, 44.552, 93.908
xyY	0.269, 0.235, 44.552
CIE-LCH	72.596, 44.731, 302.745
CIE-LUV	72.596, 5.316, -63.925
Hunter-Lab	66.748, 19.352, -36.692
Binary	10111011, 10100110, 11110111

#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#e2f7a6
```
#e2f7a6 rgb(226,247,166)
```

Complementary Color

#a6baf7
```
#a6baf7 rgb(166,186,247)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#e4a6f7
```
#e4a6f7 rgb(228,166,247)
```

Analogous Color

#baf7a6
```
#baf7a6 rgb(186,247,166)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#f7e4a6
```
#f7e4a6 rgb(247,228,166)
```

Split Complementary Color

#a6f7bb
```
#a6f7bb rgb(166,247,187)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#f7bba6
```
#f7bba6 rgb(247,187,166)
```

Triadic Color

#a6e2f7
```
#a6e2f7 rgb(166,226,247)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#f7bba6
```
#f7bba6 rgb(247,187,166)
```
#e2f7a6
```
#e2f7a6 rgb(226,247,166)
```

Tetradic Color

#8560f1
```
#8560f1 rgb(133,96,241)
```
#9777f3
```
#9777f3 rgb(151,119,243)
```
#a98ff5
```
#a98ff5 rgb(169,143,245)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#cdbdf9
```
#cdbdf9 rgb(205,189,249)
```
#dfd5fb
```
#dfd5fb rgb(223,213,251)
```
#f1ecfd
```
#f1ecfd rgb(241,236,253)
```

Monochromatic Color

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

#a7a6f7
```
#a7a6f7 rgb(167,166,247)
```
#aea6f7
```
#aea6f7 rgb(174,166,247)
```
#b4a6f7
```
#b4a6f7 rgb(180,166,247)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#c2a6f7
```
#c2a6f7 rgb(194,166,247)
```
#c9a6f7
```
#c9a6f7 rgb(201,166,247)
```
#cfa6f7
```
#cfa6f7 rgb(207,166,247)
```

Similar Colors

Text with hexadecimal color #bba6f7

This text has a font color of #bba6f7.

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

#bba6f7 background color

This paragraph has a background color of #bba6f7.

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

#bba6f7 border color

This element has a border color of #bba6f7.

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

CSS codes

.text {color:#bba6f7;}

.background {background-color:#bba6f7;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060213
```
#060213 rgb(6,2,19)
```
#0c0325
```
#0c0325 rgb(12,3,37)
```
#120537
```
#120537 rgb(18,5,55)
```
#180749
```
#180749 rgb(24,7,73)
```
#1e085b
```
#1e085b rgb(30,8,91)
```
#240a6d
```
#240a6d rgb(36,10,109)
```
#290b7f
```
#290b7f rgb(41,11,127)
```
#2f0d91
```
#2f0d91 rgb(47,13,145)
```
#350fa3
```
#350fa3 rgb(53,15,163)
```
#3b10b5
```
#3b10b5 rgb(59,16,181)
```
#4112c7
```
#4112c7 rgb(65,18,199)
```
#4714d9
```
#4714d9 rgb(71,20,217)
```

Shade Color Variation

#4d16ea
```
#4d16ea rgb(77,22,234)
```
#5b28ec
```
#5b28ec rgb(91,40,236)
```
#683aed
```
#683aed rgb(104,58,237)
```
#764cef
```
#764cef rgb(118,76,239)
```
#845ef1
```
#845ef1 rgb(132,94,241)
```
#9270f2
```
#9270f2 rgb(146,112,242)
```
#9f82f4
```
#9f82f4 rgb(159,130,244)
```
#ad94f5
```
#ad94f5 rgb(173,148,245)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#c9b8f9
```
#c9b8f9 rgb(201,184,249)
```
#d7cafa
```
#d7cafa rgb(215,202,250)
```
#e4dcfc
```
#e4dcfc rgb(228,220,252)
```
#f2eefd
```
#f2eefd rgb(242,238,253)
```

Tint Color Variation

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

#cdcbd2
```
#cdcbd2 rgb(205,203,210)
```
#cbc8d5
```
#cbc8d5 rgb(203,200,213)
```
#c9c4d9
```
#c9c4d9 rgb(201,196,217)
```
#c8c0dd
```
#c8c0dd rgb(200,192,221)
```
#c6bce1
```
#c6bce1 rgb(198,188,225)
```
#c4b9e4
```
#c4b9e4 rgb(196,185,228)
```
#c2b5e8
```
#c2b5e8 rgb(194,181,232)
```
#c0b1ec
```
#c0b1ec rgb(192,177,236)
```
#bfadf0
```
#bfadf0 rgb(191,173,240)
```
#bdaaf3
```
#bdaaf3 rgb(189,170,243)
```
#bba6f7
```
#bba6f7 rgb(187,166,247)
```
#b9a2fb
```
#b9a2fb rgb(185,162,251)
```
#b79ffe
```
#b79ffe rgb(183,159,254)
```

Tone Color Variation

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

Dichromacy

#9cb3fd Protanopia 1% of men
#a0b4f4 Deuteranopia 1% of men
#b2b5c2 Tritanopia 0.001% of the population

Trichromacy

#a7aefb Protanomaly 1% of men, 0.01% of women
#aaaef5 Deuteranomaly 6% of men, 0.4% of women
#b5b0d5 Tritanomaly 0.01% of the population

#bba6f7 hex color

#bba6f7 Color Information

#bba6f7 Color Conversion

Color Schemes with #bba6f7

Alternatives to #bba6f7

#bba6f7 Preview

Shades and Tints of #bba6f7

Tones of #bba6f7

Color Blindness Simulator