#bb60f8 hex color

In a RGB color space, hex #bb60f8 is composed of 73.3% red, 37.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 61.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 275.9 degrees, a saturation of 91.6% and a lightness of 67.5%. #bb60f8 color hex could be obtained by blending #ffc0ff with #7700f1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 38
- B 97
RGB color chart
- C 25
- M 61
- Y 0
- K 3
CMYK color chart

● #bb60f8 color description : Soft violet.

The hexadecimal color #bb60f8 has RGB values of R:187, G:96, B:248 and CMYK values of C:0.25, M:0.61, Y:0, K:0.03. Its decimal value is 12280056.

Hex triplet	bb60f8	`#bb60f8`
RGB Decimal	187, 96, 248	`rgb(187,96,248)`
RGB Percent	73.3, 37.6, 97.3	`rgb(73.3%,37.6%,97.3%)`
CMYK	25, 61, 0, 3
HSL	275.9°, 91.6, 67.5	`hsl(275.9,91.6%,67.5%)`
HSV (or HSB)	275.9°, 61.3, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.76, 61.748, -61.612
XYZ	41.617, 25.709, 91.572
xyY	0.262, 0.162, 25.709
CIE-LCH	57.76, 87.229, 315.063
CIE-LUV	57.76, 29.515, -104.161
Hunter-Lab	50.704, 57.779, -71.586
Binary	10111011, 01100000, 11111000

#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#9df860
```
#9df860 rgb(157,248,96)
```

Complementary Color

#6f60f8
```
#6f60f8 rgb(111,96,248)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#f860e9
```
#f860e9 rgb(248,96,233)
```

Analogous Color

#60f86f
```
#60f86f rgb(96,248,111)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#e9f860
```
#e9f860 rgb(233,248,96)
```

Split Complementary Color

#60f8bb
```
#60f8bb rgb(96,248,187)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#f8bb60
```
#f8bb60 rgb(248,187,96)
```

Triadic Color

#609df8
```
#609df8 rgb(96,157,248)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#f8bb60
```
#f8bb60 rgb(248,187,96)
```
#9df860
```
#9df860 rgb(157,248,96)
```

Tetradic Color

#9c17f5
```
#9c17f5 rgb(156,23,245)
```
#a62ff6
```
#a62ff6 rgb(166,47,246)
```
#b148f7
```
#b148f7 rgb(177,72,247)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#c578f9
```
#c578f9 rgb(197,120,249)
```
#d091fa
```
#d091fa rgb(208,145,250)
```
#daa9fb
```
#daa9fb rgb(218,169,251)
```

Monochromatic Color

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

#9560f8
```
#9560f8 rgb(149,96,248)
```
#a260f8
```
#a260f8 rgb(162,96,248)
```
#ae60f8
```
#ae60f8 rgb(174,96,248)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#c860f8
```
#c860f8 rgb(200,96,248)
```
#d460f8
```
#d460f8 rgb(212,96,248)
```
#e160f8
```
#e160f8 rgb(225,96,248)
```

Similar Colors

Text with hexadecimal color #bb60f8

This text has a font color of #bb60f8.

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

#bb60f8 background color

This paragraph has a background color of #bb60f8.

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

#bb60f8 border color

This element has a border color of #bb60f8.

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

CSS codes

.text {color:#bb60f8;}

.background {background-color:#bb60f8;}

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

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, #06000a is the darkest color, while #fbf6ff is the lightest one.

#06000a
```
#06000a rgb(6,0,10)
```
#12011d
```
#12011d rgb(18,1,29)
```
#1d0230
```
#1d0230 rgb(29,2,48)
```
#290342
```
#290342 rgb(41,3,66)
```
#350455
```
#350455 rgb(53,4,85)
```
#400568
```
#400568 rgb(64,5,104)
```
#4c057b
```
#4c057b rgb(76,5,123)
```
#57068e
```
#57068e rgb(87,6,142)
```
#6307a0
```
#6307a0 rgb(99,7,160)
```
#6e08b3
```
#6e08b3 rgb(110,8,179)
```
#7a09c6
```
#7a09c6 rgb(122,9,198)
```
#860ad9
```
#860ad9 rgb(134,10,217)
```
#910aec
```
#910aec rgb(145,10,236)
```

Shade Color Variation

#9b15f5
```
#9b15f5 rgb(155,21,245)
```
#a328f6
```
#a328f6 rgb(163,40,246)
```
#ab3af6
```
#ab3af6 rgb(171,58,246)
```
#b34df7
```
#b34df7 rgb(179,77,247)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#c373f9
```
#c373f9 rgb(195,115,249)
```
#cb86fa
```
#cb86fa rgb(203,134,250)
```
#d398fa
```
#d398fa rgb(211,152,250)
```
#dbabfb
```
#dbabfb rgb(219,171,251)
```
#e3befc
```
#e3befc rgb(227,190,252)
```
#ebd1fd
```
#ebd1fd rgb(235,209,253)
```
#f3e4fe
```
#f3e4fe rgb(243,228,254)
```
#fbf6ff
```
#fbf6ff rgb(251,246,255)
```

Tint Color Variation

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

#ada6b2
```
#ada6b2 rgb(173,166,178)
```
#aea0b8
```
#aea0b8 rgb(174,160,184)
```
#b099bf
```
#b099bf rgb(176,153,191)
```
#b193c5
```
#b193c5 rgb(177,147,197)
```
#b28dcb
```
#b28dcb rgb(178,141,203)
```
#b386d2
```
#b386d2 rgb(179,134,210)
```
#b580d8
```
#b580d8 rgb(181,128,216)
```
#b67ade
```
#b67ade rgb(182,122,222)
```
#b773e5
```
#b773e5 rgb(183,115,229)
```
#b86deb
```
#b86deb rgb(184,109,235)
```
#ba66f2
```
#ba66f2 rgb(186,102,242)
```
#bb60f8
```
#bb60f8 rgb(187,96,248)
```
#bc5afe
```
#bc5afe rgb(188,90,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9684a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#4792ea Deuteranopia 1% of men
#a98791 Tritanopia 0.001% of the population

Trichromacy

#747cfc Protanomaly 1% of men, 0.01% of women
#717fef Deuteranomaly 6% of men, 0.4% of women
#b079b6 Tritanomaly 0.01% of the population

#bb60f8 hex color

#bb60f8 Color Information

#bb60f8 Color Conversion

Color Schemes with #bb60f8

Alternatives to #bb60f8

#bb60f8 Preview

Shades and Tints of #bb60f8

Tones of #bb60f8

Color Blindness Simulator