#bb97f4 hex color

In a RGB color space, hex #bb97f4 is composed of 73.3% red, 59.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 38.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 263.2 degrees, a saturation of 80.9% and a lightness of 77.5%. #bb97f4 color hex could be obtained by blending #ffffff with #772fe9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 59
- B 96
RGB color chart
- C 23
- M 38
- Y 0
- K 4
CMYK color chart

● #bb97f4 color description : Very soft violet.

The hexadecimal color #bb97f4 has RGB values of R:187, G:151, B:244 and CMYK values of C:0.23, M:0.38, Y:0, K:0.04. Its decimal value is 12294132.

Hex triplet	bb97f4	`#bb97f4`
RGB Decimal	187, 151, 244	`rgb(187,151,244)`
RGB Percent	73.3, 59.2, 95.7	`rgb(73.3%,59.2%,95.7%)`
CMYK	23, 38, 0, 4
HSL	263.2°, 80.9, 77.5	`hsl(263.2,80.9%,77.5%)`
HSV (or HSB)	263.2°, 38.1, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.917, 31.835, -41.726
XYZ	47.887, 39.23, 90.632
xyY	0.269, 0.221, 39.23
CIE-LCH	68.917, 52.484, 307.342
CIE-LUV	68.917, 11.701, -71.31
Hunter-Lab	62.634, 26.863, -41.95
Binary	10111011, 10010111, 11110100

#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#d0f497
```
#d0f497 rgb(208,244,151)
```

Complementary Color

#97a2f4
```
#97a2f4 rgb(151,162,244)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#ea97f4
```
#ea97f4 rgb(234,151,244)
```

Analogous Color

#a2f497
```
#a2f497 rgb(162,244,151)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#f4ea97
```
#f4ea97 rgb(244,234,151)
```

Split Complementary Color

#97f4bb
```
#97f4bb rgb(151,244,187)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#f4bb97
```
#f4bb97 rgb(244,187,151)
```

Triadic Color

#97d0f4
```
#97d0f4 rgb(151,208,244)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#f4bb97
```
#f4bb97 rgb(244,187,151)
```
#d0f497
```
#d0f497 rgb(208,244,151)
```

Tetradic Color

#8e52ed
```
#8e52ed rgb(142,82,237)
```
#9d69ef
```
#9d69ef rgb(157,105,239)
```
#ac80f2
```
#ac80f2 rgb(172,128,242)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#caaef6
```
#caaef6 rgb(202,174,246)
```
#d9c5f9
```
#d9c5f9 rgb(217,197,249)
```
#e8dcfb
```
#e8dcfb rgb(232,220,251)
```

Monochromatic Color

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

#a497f4
```
#a497f4 rgb(164,151,244)
```
#ac97f4
```
#ac97f4 rgb(172,151,244)
```
#b397f4
```
#b397f4 rgb(179,151,244)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#c397f4
```
#c397f4 rgb(195,151,244)
```
#cb97f4
```
#cb97f4 rgb(203,151,244)
```
#d297f4
```
#d297f4 rgb(210,151,244)
```

Similar Colors

Text with hexadecimal color #bb97f4

This text has a font color of #bb97f4.

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

#bb97f4 background color

This paragraph has a background color of #bb97f4.

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

#bb97f4 border color

This element has a border color of #bb97f4.

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

CSS codes

.text {color:#bb97f4;}

.background {background-color:#bb97f4;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#090214
```
#090214 rgb(9,2,20)
```
#110426
```
#110426 rgb(17,4,38)
```
#190638
```
#190638 rgb(25,6,56)
```
#210849
```
#210849 rgb(33,8,73)
```
#290a5b
```
#290a5b rgb(41,10,91)
```
#310c6d
```
#310c6d rgb(49,12,109)
```
#390d7f
```
#390d7f rgb(57,13,127)
```
#410f90
```
#410f90 rgb(65,15,144)
```
#4911a2
```
#4911a2 rgb(73,17,162)
```
#5113b4
```
#5113b4 rgb(81,19,180)
```
#5915c6
```
#5915c6 rgb(89,21,198)
```
#6117d7
```
#6117d7 rgb(97,23,215)
```

Shade Color Variation

#6a1be7
```
#6a1be7 rgb(106,27,231)
```
#752de9
```
#752de9 rgb(117,45,233)
```
#813eeb
```
#813eeb rgb(129,62,235)
```
#8d50ec
```
#8d50ec rgb(141,80,236)
```
#9862ee
```
#9862ee rgb(152,98,238)
```
#a474f0
```
#a474f0 rgb(164,116,240)
```
#af85f2
```
#af85f2 rgb(175,133,242)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#c7a9f6
```
#c7a9f6 rgb(199,169,246)
```
#d2baf8
```
#d2baf8 rgb(210,186,248)
```
#deccfa
```
#deccfa rgb(222,204,250)
```
#e9defc
```
#e9defc rgb(233,222,252)
```
#f5f0fd
```
#f5f0fd rgb(245,240,253)
```

Tint Color Variation

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

#c5c3c8
```
#c5c3c8 rgb(197,195,200)
```
#c4bfcc
```
#c4bfcc rgb(196,191,204)
```
#c3bad1
```
#c3bad1 rgb(195,186,209)
```
#c2b6d5
```
#c2b6d5 rgb(194,182,213)
```
#c1b2d9
```
#c1b2d9 rgb(193,178,217)
```
#c0adde
```
#c0adde rgb(192,173,222)
```
#bfa9e2
```
#bfa9e2 rgb(191,169,226)
```
#bea4e7
```
#bea4e7 rgb(190,164,231)
```
#bda0eb
```
#bda0eb rgb(189,160,235)
```
#bc9bf0
```
#bc9bf0 rgb(188,155,240)
```
#bb97f4
```
#bb97f4 rgb(187,151,244)
```
#ba93f8
```
#ba93f8 rgb(186,147,248)
```
#b98efd
```
#b98efd rgb(185,142,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#afa8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca9fe Protanopia 1% of men
#91abef Deuteranopia 1% of men
#b1aab6 Tritanopia 0.001% of the population

Trichromacy

#9da3fa Protanomaly 1% of men, 0.01% of women
#a0a3f1 Deuteranomaly 6% of men, 0.4% of women
#b4a3cc Tritanomaly 0.01% of the population

#bb97f4 hex color

#bb97f4 Color Information

#bb97f4 Color Conversion

Color Schemes with #bb97f4

Alternatives to #bb97f4

#bb97f4 Preview

Shades and Tints of #bb97f4

Tones of #bb97f4

Color Blindness Simulator