#bb58f3 hex color

In a RGB color space, hex #bb58f3 is composed of 73.3% red, 34.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 63.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 278.3 degrees, a saturation of 86.6% and a lightness of 64.9%. #bb58f3 color hex could be obtained by blending #ffb0ff with #7700e7. Closest websafe color is: #cc66ff.

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

● #bb58f3 color description : Soft violet.

The hexadecimal color #bb58f3 has RGB values of R:187, G:88, B:243 and CMYK values of C:0.23, M:0.64, Y:0, K:0.05. Its decimal value is 12278003.

Hex triplet	bb58f3	`#bb58f3`
RGB Decimal	187, 88, 243	`rgb(187,88,243)`
RGB Percent	73.3, 34.5, 95.3	`rgb(73.3%,34.5%,95.3%)`
CMYK	23, 64, 0, 5
HSL	278.3°, 86.6, 64.9	`hsl(278.3,86.6%,64.9%)`
HSV (or HSB)	278.3°, 63.8, 95.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.104, 64.395, -61.49
XYZ	40.159, 24.016, 87.309
xyY	0.265, 0.159, 24.016
CIE-LCH	56.104, 89.038, 316.322
CIE-LUV	56.104, 32.594, -103.563
Hunter-Lab	49.007, 60.511, -71.326
Binary	10111011, 01011000, 11110011

#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#90f358
```
#90f358 rgb(144,243,88)
```

Complementary Color

#6e58f3
```
#6e58f3 rgb(110,88,243)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#f358de
```
#f358de rgb(243,88,222)
```

Analogous Color

#58f36e
```
#58f36e rgb(88,243,110)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#def358
```
#def358 rgb(222,243,88)
```

Split Complementary Color

#58f3bb
```
#58f3bb rgb(88,243,187)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#f3bb58
```
#f3bb58 rgb(243,187,88)
```

Triadic Color

#5890f3
```
#5890f3 rgb(88,144,243)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#f3bb58
```
#f3bb58 rgb(243,187,88)
```
#90f358
```
#90f358 rgb(144,243,88)
```

Tetradic Color

#9e11ed
```
#9e11ed rgb(158,17,237)
```
#a828f0
```
#a828f0 rgb(168,40,240)
```
#b140f1
```
#b140f1 rgb(177,64,241)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#c570f5
```
#c570f5 rgb(197,112,245)
```
#ce88f6
```
#ce88f6 rgb(206,136,246)
```
#d89ff8
```
#d89ff8 rgb(216,159,248)
```

Monochromatic Color

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

#9458f3
```
#9458f3 rgb(148,88,243)
```
#a158f3
```
#a158f3 rgb(161,88,243)
```
#ae58f3
```
#ae58f3 rgb(174,88,243)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#c858f3
```
#c858f3 rgb(200,88,243)
```
#d558f3
```
#d558f3 rgb(213,88,243)
```
#e258f3
```
#e258f3 rgb(226,88,243)
```

Similar Colors

Text with hexadecimal color #bb58f3

This text has a font color of #bb58f3.

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

#bb58f3 background color

This paragraph has a background color of #bb58f3.

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

#bb58f3 border color

This element has a border color of #bb58f3.

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

CSS codes

.text {color:#bb58f3;}

.background {background-color:#bb58f3;}

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

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

#0b0110
```
#0b0110 rgb(11,1,16)
```
#170222
```
#170222 rgb(23,2,34)
```
#230435
```
#230435 rgb(35,4,53)
```
#2f0547
```
#2f0547 rgb(47,5,71)
```
#3b0659
```
#3b0659 rgb(59,6,89)
```
#47086c
```
#47086c rgb(71,8,108)
```
#54097e
```
#54097e rgb(84,9,126)
```
#600a90
```
#600a90 rgb(96,10,144)
```
#6c0ca2
```
#6c0ca2 rgb(108,12,162)
```
#780db5
```
#780db5 rgb(120,13,181)
```
#840ec7
```
#840ec7 rgb(132,14,199)
```
#9010d9
```
#9010d9 rgb(144,16,217)
```
#9d11ec
```
#9d11ec rgb(157,17,236)
```

Shade Color Variation

#a521ef
```
#a521ef rgb(165,33,239)
```
#ac33f0
```
#ac33f0 rgb(172,51,240)
```
#b446f2
```
#b446f2 rgb(180,70,242)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#c26af4
```
#c26af4 rgb(194,106,244)
```
#ca7df6
```
#ca7df6 rgb(202,125,246)
```
#d18ff7
```
#d18ff7 rgb(209,143,247)
```
#d9a1f8
```
#d9a1f8 rgb(217,161,248)
```
#e0b4fa
```
#e0b4fa rgb(224,180,250)
```
#e8c6fb
```
#e8c6fb rgb(232,198,251)
```
#efd8fc
```
#efd8fc rgb(239,216,252)
```
#f7eafe
```
#f7eafe rgb(247,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#a6a4a7
```
#a6a4a7 rgb(166,164,167)
```
#a89dae
```
#a89dae rgb(168,157,174)
```
#aa96b5
```
#aa96b5 rgb(170,150,181)
```
#ac8fbc
```
#ac8fbc rgb(172,143,188)
```
#ae88c3
```
#ae88c3 rgb(174,136,195)
```
#b081ca
```
#b081ca rgb(176,129,202)
```
#b17ad1
```
#b17ad1 rgb(177,122,209)
```
#b374d7
```
#b374d7 rgb(179,116,215)
```
#b56dde
```
#b56dde rgb(181,109,222)
```
#b766e5
```
#b766e5 rgb(183,102,229)
```
#b95fec
```
#b95fec rgb(185,95,236)
```
#bb58f3
```
#bb58f3 rgb(187,88,243)
```
#bd51fa
```
#bd51fa rgb(189,81,250)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#917e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d88ff Protanopia 1% of men
#438ee4 Deuteranopia 1% of men
#aa828b Tritanopia 0.001% of the population

Trichromacy

#6b77fa Protanomaly 1% of men, 0.01% of women
#6e7ae9 Deuteranomaly 6% of men, 0.4% of women
#b072b0 Tritanomaly 0.01% of the population

#bb58f3 hex color

#bb58f3 Color Information

#bb58f3 Color Conversion

Color Schemes with #bb58f3

Alternatives to #bb58f3

#bb58f3 Preview

Shades and Tints of #bb58f3

Tones of #bb58f3

Color Blindness Simulator