#686ee7 Color Information
In a RGB color space, hex #686ee7 is composed of 40.8% red, 43.1% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 52.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 237.2 degrees, a saturation of 72.6% and a lightness of 65.7%. #686ee7 color hex could be obtained by blending #d0dcff with #0000cf. Closest websafe color is: #6666ff.
-
- R 41
- G 43
- B 91
-
- C 55
- M 52
- Y 0
- K 9
● #686ee7 color description : Soft blue.
#686ee7 Color Conversion
The hexadecimal color #686ee7 has RGB values of R:104, G:110, B:231 and CMYK values of C:0.55, M:0.52, Y:0, K:0.09. Its decimal value is 6844135.
Hex triplet | 686ee7 | #686ee7 |
---|---|---|
RGB Decimal | 104, 110, 231 | rgb(104,110,231) |
RGB Percent | 40.8, 43.1, 90.6 | rgb(40.8%,43.1%,90.6%) |
CMYK | 55, 52, 0, 9 | |
HSL | 237.2°, 72.6, 65.7 | hsl(237.2,72.6%,65.7%) |
HSV (or HSB) | 237.2°, 55, 90.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.682, 31.611, -62.319 |
---|---|
XYZ | 25.706, 19.863, 78.076 |
xyY | 0.208, 0.161, 19.863 |
CIE-LCH | 51.682, 69.878, 296.897 |
CIE-LUV | 51.682, -9.091, -99.365 |
Hunter-Lab | 44.568, 24.959, -72.668 |
Binary | 01101000, 01101110, 11100111 |
Color Schemes with #686ee7
Alternatives to #686ee7
Below, you can see some colors close to #686ee7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686ee7 Preview
This text has a font color of #686ee7.
<span style="color:#686ee7;">Text here</span>
This paragraph has a background color of #686ee7.
<p style="background-color:#686ee7;">Content here</p>
This element has a border color of #686ee7.
<div style="border:1px solid #686ee7;">Content here</div>
.text {color:#686ee7;}
.background {background-color:#686ee7;}
.border {border:1px solid #686ee7;}
Shades and Tints of #686ee7
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, #000001 is the darkest color, while #eff0fd is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030412
#030412
rgb(3,4,18)
-
#060723
#060723
rgb(6,7,35)
-
#080a34
#080a34
rgb(8,10,52)
-
#0b0e45
#0b0e45
rgb(11,14,69)
-
#0e1156
#0e1156
rgb(14,17,86)
-
#101467
#101467
rgb(16,20,103)
-
#131878
#131878
rgb(19,24,120)
-
#161b89
#161b89
rgb(22,27,137)
-
#181f9a
#181f9a
rgb(24,31,154)
-
#1b22ab
#1b22ab
rgb(27,34,171)
-
#1e25bc
#1e25bc
rgb(30,37,188)
-
#2029cc
#2029cc
rgb(32,41,204)
-
#242ddc
#242ddc
rgb(36,45,220)
-
#353ddf
#353ddf
rgb(53,61,223)
-
#464de2
#464de2
rgb(70,77,226)
-
#575ee4
#575ee4
rgb(87,94,228)
-
#686ee7
#686ee7
rgb(104,110,231)
-
#797eea
#797eea
rgb(121,126,234)
-
#8a8fec
#8a8fec
rgb(138,143,236)
-
#9b9fef
#9b9fef
rgb(155,159,239)
-
#acaff2
#acaff2
rgb(172,175,242)
-
#bdbff4
#bdbff4
rgb(189,191,244)
-
#ced0f7
#ced0f7
rgb(206,208,247)
-
#dee0fa
#dee0fa
rgb(222,224,250)
-
#eff0fd
#eff0fd
rgb(239,240,253)
Tones of #686ee7
A tone is produced by adding gray to any pure hue. In this case, #a5a5aa is the less saturated color, while #545cfb is the most saturated one.
-
#a5a5aa
#a5a5aa
rgb(165,165,170)
-
#9e9fb1
#9e9fb1
rgb(158,159,177)
-
#9799b8
#9799b8
rgb(151,153,184)
-
#9093bf
#9093bf
rgb(144,147,191)
-
#8a8cc5
#8a8cc5
rgb(138,140,197)
-
#8386cc
#8386cc
rgb(131,134,204)
-
#7c80d3
#7c80d3
rgb(124,128,211)
-
#757ada
#757ada
rgb(117,122,218)
-
#6f74e0
#6f74e0
rgb(111,116,224)
-
#686ee7
#686ee7
rgb(104,110,231)
-
#6168ee
#6168ee
rgb(97,104,238)
-
#5b62f4
#5b62f4
rgb(91,98,244)
-
#545cfb
#545cfb
rgb(84,92,251)
Color Blindness Simulator
Below, you can see how #686ee7 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.