#bb46e4 hex color

In a RGB color space, hex #bb46e4 is composed of 73.3% red, 27.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 69.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 284.4 degrees, a saturation of 74.5% and a lightness of 58.4%. #bb46e4 color hex could be obtained by blending #ff8cff with #7700c9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 27
- B 89
RGB color chart
- C 18
- M 69
- Y 0
- K 11
CMYK color chart

● #bb46e4 color description : Soft violet.

The hexadecimal color #bb46e4 has RGB values of R:187, G:70, B:228 and CMYK values of C:0.18, M:0.69, Y:0, K:0.11. Its decimal value is 12273380.

Hex triplet	bb46e4	`#bb46e4`
RGB Decimal	187, 70, 228	`rgb(187,70,228)`
RGB Percent	73.3, 27.5, 89.4	`rgb(73.3%,27.5%,89.4%)`
CMYK	18, 69, 0, 11
HSL	284.4°, 74.5, 58.4	`hsl(284.4,74.5%,58.4%)`
HSV (or HSB)	284.4°, 69.3, 89.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.451, 68.997, -58.946
XYZ	36.686, 20.548, 75.428
xyY	0.277, 0.155, 20.548
CIE-LCH	52.451, 90.748, 319.492
CIE-LUV	52.451, 40.275, -98.578
Hunter-Lab	45.33, 65.133, -66.927
Binary	10111011, 01000110, 11100100

#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#6fe446
```
#6fe446 rgb(111,228,70)
```

Complementary Color

#6c46e4
```
#6c46e4 rgb(108,70,228)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#e446be
```
#e446be rgb(228,70,190)
```

Analogous Color

#46e46c
```
#46e46c rgb(70,228,108)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#bee446
```
#bee446 rgb(190,228,70)
```

Split Complementary Color

#46e4bb
```
#46e4bb rgb(70,228,187)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#e4bb46
```
#e4bb46 rgb(228,187,70)
```

Triadic Color

#466fe4
```
#466fe4 rgb(70,111,228)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#e4bb46
```
#e4bb46 rgb(228,187,70)
```
#6fe446
```
#6fe446 rgb(111,228,70)
```

Tetradic Color

#961cc1
```
#961cc1 rgb(150,28,193)
```
#a81fd8
```
#a81fd8 rgb(168,31,216)
```
#b330e1
```
#b330e1 rgb(179,48,225)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#c35ce7
```
#c35ce7 rgb(195,92,231)
```
#cb73ea
```
#cb73ea rgb(203,115,234)
```
#d489ee
```
#d489ee rgb(212,137,238)
```

Monochromatic Color

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

#9446e4
```
#9446e4 rgb(148,70,228)
```
#a146e4
```
#a146e4 rgb(161,70,228)
```
#ae46e4
```
#ae46e4 rgb(174,70,228)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#c846e4
```
#c846e4 rgb(200,70,228)
```
#d546e4
```
#d546e4 rgb(213,70,228)
```
#e346e4
```
#e346e4 rgb(227,70,228)
```

Similar Colors

Text with hexadecimal color #bb46e4

This text has a font color of #bb46e4.

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

#bb46e4 background color

This paragraph has a background color of #bb46e4.

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

#bb46e4 border color

This element has a border color of #bb46e4.

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

CSS codes

.text {color:#bb46e4;}

.background {background-color:#bb46e4;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#100314
```
#100314 rgb(16,3,20)
```
#1d0526
```
#1d0526 rgb(29,5,38)
```
#2b0837
```
#2b0837 rgb(43,8,55)
```
#380a48
```
#380a48 rgb(56,10,72)
```
#450d59
```
#450d59 rgb(69,13,89)
```
#530f6a
```
#530f6a rgb(83,15,106)
```
#60127b
```
#60127b rgb(96,18,123)
```
#6d148c
```
#6d148c rgb(109,20,140)
```
#7a179d
```
#7a179d rgb(122,23,157)
```
#8819ae
```
#8819ae rgb(136,25,174)
```
#951cc0
```
#951cc0 rgb(149,28,192)
```
#a21ed1
```
#a21ed1 rgb(162,30,209)
```

Shade Color Variation

#ae24df
```
#ae24df rgb(174,36,223)
```
#b535e2
```
#b535e2 rgb(181,53,226)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#c157e6
```
#c157e6 rgb(193,87,230)
```
#c868e9
```
#c868e9 rgb(200,104,233)
```
#ce79eb
```
#ce79eb rgb(206,121,235)
```
#d48aee
```
#d48aee rgb(212,138,238)
```
#da9cf0
```
#da9cf0 rgb(218,156,240)
```
#e1adf3
```
#e1adf3 rgb(225,173,243)
```
#e7bef5
```
#e7bef5 rgb(231,190,245)
```
#edcff8
```
#edcff8 rgb(237,207,248)
```
#f4e0fa
```
#f4e0fa rgb(244,224,250)
```
#faf1fd
```
#faf1fd rgb(250,241,253)
```

Tint Color Variation

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

#988f9b
```
#988f9b rgb(152,143,155)
```
#9c87a3
```
#9c87a3 rgb(156,135,163)
```
#a07fab
```
#a07fab rgb(160,127,171)
```
#a377b3
```
#a377b3 rgb(163,119,179)
```
#a76fbb
```
#a76fbb rgb(167,111,187)
```
#ab67c3
```
#ab67c3 rgb(171,103,195)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#b356d4
```
#b356d4 rgb(179,86,212)
```
#b74edc
```
#b74edc rgb(183,78,220)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#bf3eec
```
#bf3eec rgb(191,62,236)
```
#c336f4
```
#c336f4 rgb(195,54,244)
```
#c72efc
```
#c72efc rgb(199,46,252)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#887090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffa Protanopia 1% of men
#4185d5 Deuteranopia 1% of men
#ac747c Tritanopia 0.001% of the population

Trichromacy

#446af2 Protanomaly 1% of men, 0.01% of women
#6d6eda Deuteranomaly 6% of men, 0.4% of women
#b163a2 Tritanomaly 0.01% of the population

#bb46e4 hex color

#bb46e4 Color Information

#bb46e4 Color Conversion

Color Schemes with #bb46e4

Alternatives to #bb46e4

#bb46e4 Preview

Shades and Tints of #bb46e4

Tones of #bb46e4

Color Blindness Simulator