#bb63e0 hex color

In a RGB color space, hex #bb63e0 is composed of 73.3% red, 38.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 55.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 282.2 degrees, a saturation of 66.8% and a lightness of 63.3%. #bb63e0 color hex could be obtained by blending #ffc6ff with #7700c1. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 39
- B 88
RGB color chart
- C 17
- M 56
- Y 0
- K 12
CMYK color chart

● #bb63e0 color description : Soft violet.

The hexadecimal color #bb63e0 has RGB values of R:187, G:99, B:224 and CMYK values of C:0.17, M:0.56, Y:0, K:0.12. Its decimal value is 12280800.

Hex triplet	bb63e0	`#bb63e0`
RGB Decimal	187, 99, 224	`rgb(187,99,224)`
RGB Percent	73.3, 38.8, 87.8	`rgb(73.3%,38.8%,87.8%)`
CMYK	17, 56, 0, 12
HSL	282.2°, 66.8, 63.3	`hsl(282.2,66.8%,63.3%)`
HSV (or HSB)	282.2°, 55.8, 87.8
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.95, 55.217, -49.505
XYZ	38.408, 24.871, 73.294
xyY	0.281, 0.182, 24.871
CIE-LCH	56.95, 74.159, 318.122
CIE-LUV	56.95, 33.682, -84.249
Hunter-Lab	49.871, 50.196, -52.227
Binary	10111011, 01100011, 11100000

#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#88e063
```
#88e063 rgb(136,224,99)
```

Complementary Color

#7d63e0
```
#7d63e0 rgb(125,99,224)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#e063c7
```
#e063c7 rgb(224,99,199)
```

Analogous Color

#63e07d
```
#63e07d rgb(99,224,125)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#c7e063
```
#c7e063 rgb(199,224,99)
```

Split Complementary Color

#63e0bb
```
#63e0bb rgb(99,224,187)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#e0bb63
```
#e0bb63 rgb(224,187,99)
```

Triadic Color

#6388e0
```
#6388e0 rgb(99,136,224)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#e0bb63
```
#e0bb63 rgb(224,187,99)
```
#88e063
```
#88e063 rgb(136,224,99)
```

Tetradic Color

#9d29ce
```
#9d29ce rgb(157,41,206)
```
#a838d8
```
#a838d8 rgb(168,56,216)
```
#b24edc
```
#b24edc rgb(178,78,220)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#c478e4
```
#c478e4 rgb(196,120,228)
```
#ce8ee8
```
#ce8ee8 rgb(206,142,232)
```
#d7a3ed
```
#d7a3ed rgb(215,163,237)
```

Monochromatic Color

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

#9c63e0
```
#9c63e0 rgb(156,99,224)
```
#a663e0
```
#a663e0 rgb(166,99,224)
```
#b163e0
```
#b163e0 rgb(177,99,224)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#c563e0
```
#c563e0 rgb(197,99,224)
```
#d063e0
```
#d063e0 rgb(208,99,224)
```
#da63e0
```
#da63e0 rgb(218,99,224)
```

Similar Colors

Text with hexadecimal color #bb63e0

This text has a font color of #bb63e0.

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

#bb63e0 background color

This paragraph has a background color of #bb63e0.

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

#bb63e0 border color

This element has a border color of #bb63e0.

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

CSS codes

.text {color:#bb63e0;}

.background {background-color:#bb63e0;}

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

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

#060208
```
#060208 rgb(6,2,8)
```
#120518
```
#120518 rgb(18,5,24)
```
#1f0828
```
#1f0828 rgb(31,8,40)
```
#2b0b39
```
#2b0b39 rgb(43,11,57)
```
#380f49
```
#380f49 rgb(56,15,73)
```
#441259
```
#441259 rgb(68,18,89)
```
#51156a
```
#51156a rgb(81,21,106)
```
#5d187a
```
#5d187a rgb(93,24,122)
```
#6a1c8b
```
#6a1c8b rgb(106,28,139)
```
#761f9b
```
#761f9b rgb(118,31,155)
```
#8322ab
```
#8322ab rgb(131,34,171)
```
#8f25bc
```
#8f25bc rgb(143,37,188)
```
#9c29cc
```
#9c29cc rgb(156,41,204)
```

Shade Color Variation

#a632d6
```
#a632d6 rgb(166,50,214)
```
#ad42d9
```
#ad42d9 rgb(173,66,217)
```
#b453dd
```
#b453dd rgb(180,83,221)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#c273e3
```
#c273e3 rgb(194,115,227)
```
#c984e7
```
#c984e7 rgb(201,132,231)
```
#d094ea
```
#d094ea rgb(208,148,234)
```
#d8a4ed
```
#d8a4ed rgb(216,164,237)
```
#dfb5f0
```
#dfb5f0 rgb(223,181,240)
```
#e6c5f4
```
#e6c5f4 rgb(230,197,244)
```
#edd6f7
```
#edd6f7 rgb(237,214,247)
```
#f4e6fa
```
#f4e6fa rgb(244,230,250)
```
#fbf6fd
```
#fbf6fd rgb(251,246,253)
```

Tint Color Variation

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

#a49da6
```
#a49da6 rgb(164,157,166)
```
#a695ae
```
#a695ae rgb(166,149,174)
```
#a98eb5
```
#a98eb5 rgb(169,142,181)
```
#ac87bc
```
#ac87bc rgb(172,135,188)
```
#af80c3
```
#af80c3 rgb(175,128,195)
```
#b279ca
```
#b279ca rgb(178,121,202)
```
#b571d2
```
#b571d2 rgb(181,113,210)
```
#b86ad9
```
#b86ad9 rgb(184,106,217)
```
#bb63e0
```
#bb63e0 rgb(187,99,224)
```
#be5ce7
```
#be5ce7 rgb(190,92,231)
```
#c155ee
```
#c155ee rgb(193,85,238)
```
#c44df6
```
#c44df6 rgb(196,77,246)
```
#c746fd
```
#c746fd rgb(199,70,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#95849d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8bfb Protanopia 1% of men
#658ed6 Deuteranopia 1% of men
#af838c Tritanopia 0.001% of the population

Trichromacy

#747cf1 Protanomaly 1% of men, 0.01% of women
#847ed9 Deuteranomaly 6% of men, 0.4% of women
#b377aa Tritanomaly 0.01% of the population

#bb63e0 hex color

#bb63e0 Color Information

#bb63e0 Color Conversion

Color Schemes with #bb63e0

Alternatives to #bb63e0

#bb63e0 Preview

Shades and Tints of #bb63e0

Tones of #bb63e0

Color Blindness Simulator