#686ee1 Color Information
In a RGB color space, hex #686ee1 is composed of 40.8% red, 43.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 51.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 237 degrees, a saturation of 66.9% and a lightness of 64.5%. #686ee1 color hex could be obtained by blending #d0dcff with #0000c3. Closest websafe color is: #6666cc.
-
- R 41
- G 43
- B 88
-
- C 54
- M 51
- Y 0
- K 12
● #686ee1 color description : Soft blue.
#686ee1 Color Conversion
The hexadecimal color #686ee1 has RGB values of R:104, G:110, B:225 and CMYK values of C:0.54, M:0.51, Y:0, K:0.12. Its decimal value is 6844129.
Hex triplet | 686ee1 | #686ee1 |
---|---|---|
RGB Decimal | 104, 110, 225 | rgb(104,110,225) |
RGB Percent | 40.8, 43.1, 88.2 | rgb(40.8%,43.1%,88.2%) |
CMYK | 54, 51, 0, 12 | |
HSL | 237°, 66.9, 64.5 | hsl(237,66.9%,64.5%) |
HSV (or HSB) | 237°, 53.8, 88.2 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.302, 29.721, -59.557 |
---|---|
XYZ | 24.873, 19.53, 73.689 |
xyY | 0.211, 0.165, 19.53 |
CIE-LCH | 51.302, 66.561, 296.521 |
CIE-LUV | 51.302, -8.816, -94.813 |
Hunter-Lab | 44.193, 23.126, -67.927 |
Binary | 01101000, 01101110, 11100001 |
Color Schemes with #686ee1
Alternatives to #686ee1
Below, you can see some colors close to #686ee1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686ee1 Preview
This text has a font color of #686ee1.
<span style="color:#686ee1;">Text here</span>
This paragraph has a background color of #686ee1.
<p style="background-color:#686ee1;">Content here</p>
This element has a border color of #686ee1.
<div style="border:1px solid #686ee1;">Content here</div>
.text {color:#686ee1;}
.background {background-color:#686ee1;}
.border {border:1px solid #686ee1;}
Shades and Tints of #686ee1
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, #03030d is the darkest color, while #fbfbfe is the lightest one.
-
#03030d
#03030d
rgb(3,3,13)
-
#06071d
#06071d
rgb(6,7,29)
-
#090b2d
#090b2d
rgb(9,11,45)
-
#0c0f3e
#0c0f3e
rgb(12,15,62)
-
#10134e
#10134e
rgb(16,19,78)
-
#13175e
#13175e
rgb(19,23,94)
-
#161a6f
#161a6f
rgb(22,26,111)
-
#191e7f
#191e7f
rgb(25,30,127)
-
#1d2290
#1d2290
rgb(29,34,144)
-
#2026a0
#2026a0
rgb(32,38,160)
-
#232ab0
#232ab0
rgb(35,42,176)
-
#262ec1
#262ec1
rgb(38,46,193)
-
#2a32d1
#2a32d1
rgb(42,50,209)
-
#373fd7
#373fd7
rgb(55,63,215)
-
#474fda
#474fda
rgb(71,79,218)
-
#585ede
#585ede
rgb(88,94,222)
-
#686ee1
#686ee1
rgb(104,110,225)
-
#787ee4
#787ee4
rgb(120,126,228)
-
#898de8
#898de8
rgb(137,141,232)
-
#999deb
#999deb
rgb(153,157,235)
-
#a9adee
#a9adee
rgb(169,173,238)
-
#babdf1
#babdf1
rgb(186,189,241)
-
#caccf5
#caccf5
rgb(202,204,245)
-
#dbdcf8
#dbdcf8
rgb(219,220,248)
-
#ebecfb
#ebecfb
rgb(235,236,251)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #686ee1
A tone is produced by adding gray to any pure hue. In this case, #a0a0a9 is the less saturated color, while #4c55fd is the most saturated one.
-
#a0a0a9
#a0a0a9
rgb(160,160,169)
-
#999ab0
#999ab0
rgb(153,154,176)
-
#9294b7
#9294b7
rgb(146,148,183)
-
#8b8dbe
#8b8dbe
rgb(139,141,190)
-
#8487c5
#8487c5
rgb(132,135,197)
-
#7d81cc
#7d81cc
rgb(125,129,204)
-
#767bd3
#767bd3
rgb(118,123,211)
-
#6f74da
#6f74da
rgb(111,116,218)
-
#686ee1
#686ee1
rgb(104,110,225)
-
#6168e8
#6168e8
rgb(97,104,232)
-
#5a61ef
#5a61ef
rgb(90,97,239)
-
#535bf6
#535bf6
rgb(83,91,246)
-
#4c55fd
#4c55fd
rgb(76,85,253)
Color Blindness Simulator
Below, you can see how #686ee1 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.