#bb63df hex color

In a RGB color space, hex #bb63df is composed of 73.3% red, 38.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 55.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 282.6 degrees, a saturation of 66% and a lightness of 63.1%. #bb63df color hex could be obtained by blending #ffc6ff with #7700bf. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 39
- B 87
RGB color chart
- C 16
- M 56
- Y 0
- K 13
CMYK color chart

● #bb63df color description : Soft violet.

The hexadecimal color #bb63df has RGB values of R:187, G:99, B:223 and CMYK values of C:0.16, M:0.56, Y:0, K:0.13. Its decimal value is 12280799.

Hex triplet	bb63df	`#bb63df`
RGB Decimal	187, 99, 223	`rgb(187,99,223)`
RGB Percent	73.3, 38.8, 87.5	`rgb(73.3%,38.8%,87.5%)`
CMYK	16, 56, 0, 13
HSL	282.6°, 66, 63.1	`hsl(282.6,66%,63.1%)`
HSV (or HSB)	282.6°, 55.6, 87.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.897, 55.011, -49.026
XYZ	38.273, 24.817, 72.582
xyY	0.282, 0.183, 24.817
CIE-LCH	56.897, 73.687, 318.292
CIE-LUV	56.897, 33.897, -83.457
Hunter-Lab	49.817, 49.956, -51.512
Binary	10111011, 01100011, 11011111

#bb63df
```
#bb63df rgb(187,99,223)
```
#87df63
```
#87df63 rgb(135,223,99)
```

Complementary Color

#7d63df
```
#7d63df rgb(125,99,223)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#df63c5
```
#df63c5 rgb(223,99,197)
```

Analogous Color

#63df7d
```
#63df7d rgb(99,223,125)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#c5df63
```
#c5df63 rgb(197,223,99)
```

Split Complementary Color

#63dfbb
```
#63dfbb rgb(99,223,187)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#dfbb63
```
#dfbb63 rgb(223,187,99)
```

Triadic Color

#6387df
```
#6387df rgb(99,135,223)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#dfbb63
```
#dfbb63 rgb(223,187,99)
```
#87df63
```
#87df63 rgb(135,223,99)
```

Tetradic Color

#9d2acc
```
#9d2acc rgb(157,42,204)
```
#a939d6
```
#a939d6 rgb(169,57,214)
```
#b24edb
```
#b24edb rgb(178,78,219)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#c478e3
```
#c478e3 rgb(196,120,227)
```
#cd8de8
```
#cd8de8 rgb(205,141,232)
```
#d7a2ec
```
#d7a2ec rgb(215,162,236)
```

Monochromatic Color

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

#9c63df
```
#9c63df rgb(156,99,223)
```
#a663df
```
#a663df rgb(166,99,223)
```
#b163df
```
#b163df rgb(177,99,223)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#c563df
```
#c563df rgb(197,99,223)
```
#d063df
```
#d063df rgb(208,99,223)
```
#da63df
```
#da63df rgb(218,99,223)
```

Similar Colors

Text with hexadecimal color #bb63df

This text has a font color of #bb63df.

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

#bb63df background color

This paragraph has a background color of #bb63df.

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

#bb63df border color

This element has a border color of #bb63df.

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

CSS codes

.text {color:#bb63df;}

.background {background-color:#bb63df;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#120517
```
#120517 rgb(18,5,23)
```
#1e0827
```
#1e0827 rgb(30,8,39)
```
#2b0b38
```
#2b0b38 rgb(43,11,56)
```
#370f48
```
#370f48 rgb(55,15,72)
```
#441258
```
#441258 rgb(68,18,88)
```
#501568
```
#501568 rgb(80,21,104)
```
#5d1979
```
#5d1979 rgb(93,25,121)
```
#691c89
```
#691c89 rgb(105,28,137)
```
#761f99
```
#761f99 rgb(118,31,153)
```
#8223aa
```
#8223aa rgb(130,35,170)
```
#8f26ba
```
#8f26ba rgb(143,38,186)
```
#9b29ca
```
#9b29ca rgb(155,41,202)
```

Shade Color Variation

#a632d5
```
#a632d5 rgb(166,50,213)
```
#ad42d8
```
#ad42d8 rgb(173,66,216)
```
#b453dc
```
#b453dc rgb(180,83,220)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#c273e2
```
#c273e2 rgb(194,115,226)
```
#c984e6
```
#c984e6 rgb(201,132,230)
```
#d094e9
```
#d094e9 rgb(208,148,233)
```
#d7a4ec
```
#d7a4ec rgb(215,164,236)
```
#deb4f0
```
#deb4f0 rgb(222,180,240)
```
#e6c5f3
```
#e6c5f3 rgb(230,197,243)
```
#edd5f6
```
#edd5f6 rgb(237,213,246)
```
#f4e5fa
```
#f4e5fa rgb(244,229,250)
```
#fbf5fd
```
#fbf5fd rgb(251,245,253)
```

Tint Color Variation

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

#a39da5
```
#a39da5 rgb(163,157,165)
```
#a696ac
```
#a696ac rgb(166,150,172)
```
#a98eb4
```
#a98eb4 rgb(169,142,180)
```
#ac87bb
```
#ac87bb rgb(172,135,187)
```
#af80c2
```
#af80c2 rgb(175,128,194)
```
#b279c9
```
#b279c9 rgb(178,121,201)
```
#b571d1
```
#b571d1 rgb(181,113,209)
```
#b86ad8
```
#b86ad8 rgb(184,106,216)
```
#bb63df
```
#bb63df rgb(187,99,223)
```
#be5ce6
```
#be5ce6 rgb(190,92,230)
```
#c155ed
```
#c155ed rgb(193,85,237)
```
#c44df5
```
#c44df5 rgb(196,77,245)
```
#c746fc
```
#c746fc rgb(199,70,252)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#95839c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8bfa Protanopia 1% of men
#668ed5 Deuteranopia 1% of men
#af828b Tritanopia 0.001% of the population

Trichromacy

#757cf0 Protanomaly 1% of men, 0.01% of women
#857ed8 Deuteranomaly 6% of men, 0.4% of women
#b377aa Tritanomaly 0.01% of the population

#bb63df hex color

#bb63df Color Information

#bb63df Color Conversion

Color Schemes with #bb63df

Alternatives to #bb63df

#bb63df Preview

Shades and Tints of #bb63df

Tones of #bb63df

Color Blindness Simulator