#8686f2 Color Information
In a RGB color space, hex #8686f2 is composed of 52.5% red, 52.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 44.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 240 degrees, a saturation of 80.6% and a lightness of 73.7%. #8686f2 color hex could be obtained by blending #ffffff with #0d0de5. Closest websafe color is: #9999ff.
-
- R 53
- G 53
- B 95
-
- C 45
- M 45
- Y 0
- K 5
● #8686f2 color description : Very soft blue.
#8686f2 Color Conversion
The hexadecimal color #8686f2 has RGB values of R:134, G:134, B:242 and CMYK values of C:0.45, M:0.45, Y:0, K:0.05. Its decimal value is 8816370.
Hex triplet | 8686f2 | #8686f2 |
---|---|---|
RGB Decimal | 134, 134, 242 | rgb(134,134,242) |
RGB Percent | 52.5, 52.5, 94.9 | rgb(52.5%,52.5%,94.9%) |
CMYK | 45, 45, 0, 5 | |
HSL | 240°, 80.6, 73.7 | hsl(240,80.6%,73.7%) |
HSV (or HSB) | 240°, 44.6, 94.9 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 60.363, 27.104, -54.42 |
---|---|
XYZ | 34.381, 28.528, 87.695 |
xyY | 0.228, 0.189, 28.528 |
CIE-LCH | 60.363, 60.796, 296.476 |
CIE-LUV | 60.363, -6.479, -89.757 |
Hunter-Lab | 53.412, 21.427, -59.957 |
Binary | 10000110, 10000110, 11110010 |
Color Schemes with #8686f2
Alternatives to #8686f2
Below, you can see some colors close to #8686f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#8686f2 Preview
This text has a font color of #8686f2.
<span style="color:#8686f2;">Text here</span>
This paragraph has a background color of #8686f2.
<p style="background-color:#8686f2;">Content here</p>
This element has a border color of #8686f2.
<div style="border:1px solid #8686f2;">Content here</div>
.text {color:#8686f2;}
.background {background-color:#8686f2;}
.border {border:1px solid #8686f2;}
Shades and Tints of #8686f2
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, #000003 is the darkest color, while #f0f0fd is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#020215
#020215
rgb(2,2,21)
-
#040426
#040426
rgb(4,4,38)
-
#060638
#060638
rgb(6,6,56)
-
#08084a
#08084a
rgb(8,8,74)
-
#0a0a5c
#0a0a5c
rgb(10,10,92)
-
#0c0c6d
#0c0c6d
rgb(12,12,109)
-
#0e0e7f
#0e0e7f
rgb(14,14,127)
-
#101091
#101091
rgb(16,16,145)
-
#1111a2
#1111a2
rgb(17,17,162)
-
#1313b4
#1313b4
rgb(19,19,180)
-
#1515c6
#1515c6
rgb(21,21,198)
-
#1717d8
#1717d8
rgb(23,23,216)
-
#1c1ce7
#1c1ce7
rgb(28,28,231)
-
#2d2de8
#2d2de8
rgb(45,45,232)
-
#3f3fea
#3f3fea
rgb(63,63,234)
-
#5151ec
#5151ec
rgb(81,81,236)
-
#6363ee
#6363ee
rgb(99,99,238)
-
#7474f0
#7474f0
rgb(116,116,240)
-
#8686f2
#8686f2
rgb(134,134,242)
-
#9898f4
#9898f4
rgb(152,152,244)
-
#a9a9f6
#a9a9f6
rgb(169,169,246)
-
#bbbbf8
#bbbbf8
rgb(187,187,248)
-
#cdcdfa
#cdcdfa
rgb(205,205,250)
-
#dfdffc
#dfdffc
rgb(223,223,252)
-
#f0f0fd
#f0f0fd
rgb(240,240,253)
Tones of #8686f2
A tone is produced by adding gray to any pure hue. In this case, #bababe is the less saturated color, while #7c7cfc is the most saturated one.
-
#bababe
#bababe
rgb(186,186,190)
-
#b4b4c4
#b4b4c4
rgb(180,180,196)
-
#afafc9
#afafc9
rgb(175,175,201)
-
#aaaace
#aaaace
rgb(170,170,206)
-
#a5a5d3
#a5a5d3
rgb(165,165,211)
-
#a0a0d8
#a0a0d8
rgb(160,160,216)
-
#9b9bdd
#9b9bdd
rgb(155,155,221)
-
#9595e3
#9595e3
rgb(149,149,227)
-
#9090e8
#9090e8
rgb(144,144,232)
-
#8b8bed
#8b8bed
rgb(139,139,237)
-
#8686f2
#8686f2
rgb(134,134,242)
-
#8181f7
#8181f7
rgb(129,129,247)
-
#7c7cfc
#7c7cfc
rgb(124,124,252)
Color Blindness Simulator
Below, you can see how #8686f2 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.