#bb86f6 Color Information
In a RGB color space, hex #bb86f6 is composed of 73.3% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 268.4 degrees, a saturation of 86.2% and a lightness of 74.5%. #bb86f6 color hex could be obtained by blending #ffffff with #770ded. Closest websafe color is: #cc99ff.
-
- R 73
- G 53
- B 96
-
- C 24
- M 46
- Y 0
- K 4
● #bb86f6 color description : Soft violet.
#bb86f6 Color Conversion
The hexadecimal color #bb86f6 has RGB values of R:187, G:134, B:246 and CMYK values of C:0.24, M:0.46, Y:0, K:0.04. Its decimal value is 12289782.
Hex triplet | bb86f6 | #bb86f6 |
---|---|---|
RGB Decimal | 187, 134, 246 | rgb(187,134,246) |
RGB Percent | 73.3, 52.5, 96.5 | rgb(73.3%,52.5%,96.5%) |
CMYK | 24, 46, 0, 4 | |
HSL | 268.4°, 86.2, 74.5 | hsl(268.4,86.2%,74.5%) |
HSV (or HSB) | 268.4°, 45.5, 96.5 | |
Web Safe | cc99ff | #cc99ff |
CIE-LAB | 65.176, 41.671, -48.703 |
---|---|
XYZ | 45.651, 34.269, 91.393 |
xyY | 0.266, 0.2, 34.269 |
CIE-LCH | 65.176, 64.097, 310.551 |
CIE-LUV | 65.176, 17.913, -83.429 |
Hunter-Lab | 58.54, 36.753, -51.586 |
Binary | 10111011, 10000110, 11110110 |
Color Schemes with #bb86f6
Alternatives to #bb86f6
Below, you can see some colors close to #bb86f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb86f6 Preview
This text has a font color of #bb86f6.
<span style="color:#bb86f6;">Text here</span>
This paragraph has a background color of #bb86f6.
<p style="background-color:#bb86f6;">Content here</p>
This element has a border color of #bb86f6.
<div style="border:1px solid #bb86f6;">Content here</div>
.text {color:#bb86f6;}
.background {background-color:#bb86f6;}
.border {border:1px solid #bb86f6;}
Shades and Tints of #bb86f6
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, #030107 is the darkest color, while #f9f4fe is the lightest one.
-
#030107
#030107
rgb(3,1,7)
-
#0d0219
#0d0219
rgb(13,2,25)
-
#16032b
#16032b
rgb(22,3,43)
-
#20053e
#20053e
rgb(32,5,62)
-
#290650
#290650
rgb(41,6,80)
-
#320762
#320762
rgb(50,7,98)
-
#3c0974
#3c0974
rgb(60,9,116)
-
#450a87
#450a87
rgb(69,10,135)
-
#4e0b99
#4e0b99
rgb(78,11,153)
-
#580dab
#580dab
rgb(88,13,171)
-
#610ebd
#610ebd
rgb(97,14,189)
-
#6a0fd0
#6a0fd0
rgb(106,15,208)
-
#7411e2
#7411e2
rgb(116,17,226)
-
#7d18ee
#7d18ee
rgb(125,24,238)
-
#882bef
#882bef
rgb(136,43,239)
-
#923df1
#923df1
rgb(146,61,241)
-
#9c4ff2
#9c4ff2
rgb(156,79,242)
-
#a661f3
#a661f3
rgb(166,97,243)
-
#b174f5
#b174f5
rgb(177,116,245)
-
#bb86f6
#bb86f6
rgb(187,134,246)
-
#c598f7
#c598f7
rgb(197,152,247)
-
#d0abf9
#d0abf9
rgb(208,171,249)
-
#dabdfa
#dabdfa
rgb(218,189,250)
-
#e4cffb
#e4cffb
rgb(228,207,251)
-
#eee1fd
#eee1fd
rgb(238,225,253)
-
#f9f4fe
#f9f4fe
rgb(249,244,254)
Tones of #bb86f6
A tone is produced by adding gray to any pure hue. In this case, #bebdbf is the less saturated color, while #bb81fb is the most saturated one.
-
#bebdbf
#bebdbf
rgb(190,189,191)
-
#beb8c4
#beb8c4
rgb(190,184,196)
-
#bdb3c9
#bdb3c9
rgb(189,179,201)
-
#bdaece
#bdaece
rgb(189,174,206)
-
#bda9d3
#bda9d3
rgb(189,169,211)
-
#bda4d8
#bda4d8
rgb(189,164,216)
-
#bc9fdd
#bc9fdd
rgb(188,159,221)
-
#bc9ae2
#bc9ae2
rgb(188,154,226)
-
#bc95e7
#bc95e7
rgb(188,149,231)
-
#bc90ec
#bc90ec
rgb(188,144,236)
-
#bb8bf1
#bb8bf1
rgb(187,139,241)
-
#bb86f6
#bb86f6
rgb(187,134,246)
-
#bb81fb
#bb81fb
rgb(187,129,251)
Color Blindness Simulator
Below, you can see how #bb86f6 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.