#bb86f3 Color Information
In a RGB color space, hex #bb86f3 is composed of 73.3% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 269.2 degrees, a saturation of 82% and a lightness of 73.9%. #bb86f3 color hex could be obtained by blending #ffffff with #770de7. Closest websafe color is: #cc99ff.
-
- R 73
- G 53
- B 95
-
- C 23
- M 45
- Y 0
- K 5
● #bb86f3 color description : Very soft violet.
#bb86f3 Color Conversion
The hexadecimal color #bb86f3 has RGB values of R:187, G:134, B:243 and CMYK values of C:0.23, M:0.45, Y:0, K:0.05. Its decimal value is 12289779.
Hex triplet | bb86f3 | #bb86f3 |
---|---|---|
RGB Decimal | 187, 134, 243 | rgb(187,134,243) |
RGB Percent | 73.3, 52.5, 95.3 | rgb(73.3%,52.5%,95.3%) |
CMYK | 23, 45, 0, 5 | |
HSL | 269.2°, 82, 73.9 | hsl(269.2,82%,73.9%) |
HSV (or HSB) | 269.2°, 44.9, 95.3 | |
Web Safe | cc99ff | #cc99ff |
CIE-LAB | 65.031, 40.984, -47.282 |
---|---|
XYZ | 45.194, 34.087, 88.988 |
xyY | 0.269, 0.203, 34.087 |
CIE-LCH | 65.031, 62.572, 310.919 |
CIE-LUV | 65.031, 18.339, -80.977 |
Hunter-Lab | 58.384, 36.002, -49.5 |
Binary | 10111011, 10000110, 11110011 |
Color Schemes with #bb86f3
Alternatives to #bb86f3
Below, you can see some colors close to #bb86f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bb86f3 Preview
This text has a font color of #bb86f3.
<span style="color:#bb86f3;">Text here</span>
This paragraph has a background color of #bb86f3.
<p style="background-color:#bb86f3;">Content here</p>
This element has a border color of #bb86f3.
<div style="border:1px solid #bb86f3;">Content here</div>
.text {color:#bb86f3;}
.background {background-color:#bb86f3;}
.border {border:1px solid #bb86f3;}
Shades and Tints of #bb86f3
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, #020004 is the darkest color, while #f7f1fe is the lightest one.
-
#020004
#020004
rgb(2,0,4)
-
#0c0216
#0c0216
rgb(12,2,22)
-
#150428
#150428
rgb(21,4,40)
-
#1f0639
#1f0639
rgb(31,6,57)
-
#28074b
#28074b
rgb(40,7,75)
-
#32095d
#32095d
rgb(50,9,93)
-
#3c0b6f
#3c0b6f
rgb(60,11,111)
-
#450d81
#450d81
rgb(69,13,129)
-
#4f0f93
#4f0f93
rgb(79,15,147)
-
#5810a5
#5810a5
rgb(88,16,165)
-
#6212b6
#6212b6
rgb(98,18,182)
-
#6c14c8
#6c14c8
rgb(108,20,200)
-
#7516da
#7516da
rgb(117,22,218)
-
#7f1be8
#7f1be8
rgb(127,27,232)
-
#892dea
#892dea
rgb(137,45,234)
-
#933fec
#933fec
rgb(147,63,236)
-
#9d50ee
#9d50ee
rgb(157,80,238)
-
#a762ef
#a762ef
rgb(167,98,239)
-
#b174f1
#b174f1
rgb(177,116,241)
-
#bb86f3
#bb86f3
rgb(187,134,243)
-
#c598f5
#c598f5
rgb(197,152,245)
-
#cfaaf7
#cfaaf7
rgb(207,170,247)
-
#d9bcf8
#d9bcf8
rgb(217,188,248)
-
#e3cdfa
#e3cdfa
rgb(227,205,250)
-
#eddffc
#eddffc
rgb(237,223,252)
-
#f7f1fe
#f7f1fe
rgb(247,241,254)
Tones of #bb86f3
A tone is produced by adding gray to any pure hue. In this case, #bcb9c0 is the less saturated color, while #bb7cfd is the most saturated one.
-
#bcb9c0
#bcb9c0
rgb(188,185,192)
-
#bcb4c5
#bcb4c5
rgb(188,180,197)
-
#bcafca
#bcafca
rgb(188,175,202)
-
#bcaacf
#bcaacf
rgb(188,170,207)
-
#bca5d4
#bca5d4
rgb(188,165,212)
-
#bca0d9
#bca0d9
rgb(188,160,217)
-
#bc9adf
#bc9adf
rgb(188,154,223)
-
#bb95e4
#bb95e4
rgb(187,149,228)
-
#bb90e9
#bb90e9
rgb(187,144,233)
-
#bb8bee
#bb8bee
rgb(187,139,238)
-
#bb86f3
#bb86f3
rgb(187,134,243)
-
#bb81f8
#bb81f8
rgb(187,129,248)
-
#bb7cfd
#bb7cfd
rgb(187,124,253)
Color Blindness Simulator
Below, you can see how #bb86f3 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.