#bb60ff hex color

In a RGB color space, hex #bb60ff is composed of 73.3% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 274.3 degrees, a saturation of 100% and a lightness of 68.8%. #bb60ff color hex could be obtained by blending #ffc0ff with #7700ff. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 38
- B 100
RGB color chart
- C 27
- M 62
- Y 0
- K 0
CMYK color chart

● #bb60ff color description : Light violet.

The hexadecimal color #bb60ff has RGB values of R:187, G:96, B:255 and CMYK values of C:0.27, M:0.62, Y:0, K:0. Its decimal value is 12280063.

Hex triplet	bb60ff	`#bb60ff`
RGB Decimal	187, 96, 255	`rgb(187,96,255)`
RGB Percent	73.3, 37.6, 100	`rgb(73.3%,37.6%,100%)`
CMYK	27, 62, 0, 0
HSL	274.3°, 100, 68.8	`hsl(274.3,100%,68.8%)`
HSV (or HSB)	274.3°, 62.4, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.18, 63.27, -64.809
XYZ	42.724, 26.151, 97.399
xyY	0.257, 0.157, 26.151
CIE-LCH	58.18, 90.572, 314.312
CIE-LUV	58.18, 28.111, -109.426
Hunter-Lab	51.138, 59.636, -77.128
Binary	10111011, 01100000, 11111111

#bb60ff
```
#bb60ff rgb(187,96,255)
```
#a4ff60
```
#a4ff60 rgb(164,255,96)
```

Complementary Color

#6c60ff
```
#6c60ff rgb(108,96,255)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```
#ff60f4
```
#ff60f4 rgb(255,96,244)
```

Analogous Color

#60ff6c
```
#60ff6c rgb(96,255,108)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```
#f4ff60
```
#f4ff60 rgb(244,255,96)
```

Split Complementary Color

#60ffbb
```
#60ffbb rgb(96,255,187)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```
#ffbb60
```
#ffbb60 rgb(255,187,96)
```

Triadic Color

#60a4ff
```
#60a4ff rgb(96,164,255)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```
#ffbb60
```
#ffbb60 rgb(255,187,96)
```
#a4ff60
```
#a4ff60 rgb(164,255,96)
```

Tetradic Color

#9a14ff
```
#9a14ff rgb(154,20,255)
```
#a52dff
```
#a52dff rgb(165,45,255)
```
#b047ff
```
#b047ff rgb(176,71,255)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```
#c67aff
```
#c67aff rgb(198,122,255)
```
#d193ff
```
#d193ff rgb(209,147,255)
```
#dcadff
```
#dcadff rgb(220,173,255)
```

Monochromatic Color

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

#9360ff
```
#9360ff rgb(147,96,255)
```
#a160ff
```
#a160ff rgb(161,96,255)
```
#ae60ff
```
#ae60ff rgb(174,96,255)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```
#c860ff
```
#c860ff rgb(200,96,255)
```
#d660ff
```
#d660ff rgb(214,96,255)
```
#e360ff
```
#e360ff rgb(227,96,255)
```

Similar Colors

Text with hexadecimal color #bb60ff

This text has a font color of #bb60ff.

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

#bb60ff background color

This paragraph has a background color of #bb60ff.

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

#bb60ff border color

This element has a border color of #bb60ff.

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

CSS codes

.text {color:#bb60ff;}

.background {background-color:#bb60ff;}

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

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, #0a0012 is the darkest color, while #fefdff is the lightest one.

#0a0012
```
#0a0012 rgb(10,0,18)
```
#150025
```
#150025 rgb(21,0,37)
```
#200039
```
#200039 rgb(32,0,57)
```
#2c004c
```
#2c004c rgb(44,0,76)
```
#370060
```
#370060 rgb(55,0,96)
```
#420074
```
#420074 rgb(66,0,116)
```
#4d0087
```
#4d0087 rgb(77,0,135)
```
#59009b
```
#59009b rgb(89,0,155)
```
#6400ae
```
#6400ae rgb(100,0,174)
```
#6f00c2
```
#6f00c2 rgb(111,0,194)
```
#7a00d6
```
#7a00d6 rgb(122,0,214)
```
#8600e9
```
#8600e9 rgb(134,0,233)
```
#9100fd
```
#9100fd rgb(145,0,253)
```

Shade Color Variation

#9912ff
```
#9912ff rgb(153,18,255)
```
#a225ff
```
#a225ff rgb(162,37,255)
```
#aa39ff
```
#aa39ff rgb(170,57,255)
```
#b34cff
```
#b34cff rgb(179,76,255)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```
#c374ff
```
#c374ff rgb(195,116,255)
```
#cc87ff
```
#cc87ff rgb(204,135,255)
```
#d49bff
```
#d49bff rgb(212,155,255)
```
#ddaeff
```
#ddaeff rgb(221,174,255)
```
#e5c2ff
```
#e5c2ff rgb(229,194,255)
```
#edd6ff
```
#edd6ff rgb(237,214,255)
```
#f6e9ff
```
#f6e9ff rgb(246,233,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b0a9b6
```
#b0a9b6 rgb(176,169,182)
```
#b1a3bc
```
#b1a3bc rgb(177,163,188)
```
#b29dc2
```
#b29dc2 rgb(178,157,194)
```
#b397c8
```
#b397c8 rgb(179,151,200)
```
#b491ce
```
#b491ce rgb(180,145,206)
```
#b58bd4
```
#b58bd4 rgb(181,139,212)
```
#b685da
```
#b685da rgb(182,133,218)
```
#b77fe0
```
#b77fe0 rgb(183,127,224)
```
#b778e7
```
#b778e7 rgb(183,120,231)
```
#b872ed
```
#b872ed rgb(184,114,237)
```
#b96cf3
```
#b96cf3 rgb(185,108,243)
```
#ba66f9
```
#ba66f9 rgb(186,102,249)
```
#bb60ff
```
#bb60ff rgb(187,96,255)
```

Tone Color Variation

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

Dichromacy

#4f8eff Protanopia 1% of men
#3b93f0 Deuteranopia 1% of men
#a88993 Tritanopia 0.001% of the population

Trichromacy

#767dff Protanomaly 1% of men, 0.01% of women
#6980f5 Deuteranomaly 6% of men, 0.4% of women
#af7aba Tritanomaly 0.01% of the population

#bb60ff hex color

#bb60ff Color Information

#bb60ff Color Conversion

Color Schemes with #bb60ff

Alternatives to #bb60ff

#bb60ff Preview

Shades and Tints of #bb60ff

Tones of #bb60ff

Color Blindness Simulator