#686ff7 Color Information
In a RGB color space, hex #686ff7 is composed of 40.8% red, 43.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 55.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 237.1 degrees, a saturation of 89.9% and a lightness of 68.8%. #686ff7 color hex could be obtained by blending #d0deff with #0000ef. Closest websafe color is: #6666ff.
-
- R 41
- G 44
- B 97
-
- C 58
- M 55
- Y 0
- K 3
● #686ff7 color description : Soft blue.
#686ff7 Color Conversion
The hexadecimal color #686ff7 has RGB values of R:104, G:111, B:247 and CMYK values of C:0.58, M:0.55, Y:0, K:0.03. Its decimal value is 6844407.
Hex triplet | 686ff7 | #686ff7 |
---|---|---|
RGB Decimal | 104, 111, 247 | rgb(104,111,247) |
RGB Percent | 40.8, 43.5, 96.9 | rgb(40.8%,43.5%,96.9%) |
CMYK | 58, 55, 0, 3 | |
HSL | 237.1°, 89.9, 68.8 | hsl(237.1,89.9%,68.8%) |
HSV (or HSB) | 237.1°, 57.9, 96.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.978, 36.079, -69.161 |
---|---|
XYZ | 28.179, 21.026, 90.564 |
xyY | 0.202, 0.15, 21.026 |
CIE-LCH | 52.978, 78.006, 297.55 |
CIE-LUV | 52.978, -10.085, -110.724 |
Hunter-Lab | 45.854, 29.448, -85.002 |
Binary | 01101000, 01101111, 11110111 |
Color Schemes with #686ff7
Alternatives to #686ff7
Below, you can see some colors close to #686ff7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686ff7 Preview
This text has a font color of #686ff7.
<span style="color:#686ff7;">Text here</span>
This paragraph has a background color of #686ff7.
<p style="background-color:#686ff7;">Content here</p>
This element has a border color of #686ff7.
<div style="border:1px solid #686ff7;">Content here</div>
.text {color:#686ff7;}
.background {background-color:#686ff7;}
.border {border:1px solid #686ff7;}
Shades and Tints of #686ff7
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, #010211 is the darkest color, while #fdfdff is the lightest one.
-
#010211
#010211
rgb(1,2,17)
-
#020423
#020423
rgb(2,4,35)
-
#030536
#030536
rgb(3,5,54)
-
#040749
#040749
rgb(4,7,73)
-
#05095b
#05095b
rgb(5,9,91)
-
#060b6e
#060b6e
rgb(6,11,110)
-
#070d80
#070d80
rgb(7,13,128)
-
#080f93
#080f93
rgb(8,15,147)
-
#0910a6
#0910a6
rgb(9,16,166)
-
#0a12b8
#0a12b8
rgb(10,18,184)
-
#0b14cb
#0b14cb
rgb(11,20,203)
-
#0c16de
#0c16de
rgb(12,22,222)
-
#0d18f0
#0d18f0
rgb(13,24,240)
-
#1d28f3
#1d28f3
rgb(29,40,243)
-
#303af4
#303af4
rgb(48,58,244)
-
#434bf5
#434bf5
rgb(67,75,245)
-
#555df6
#555df6
rgb(85,93,246)
-
#686ff7
#686ff7
rgb(104,111,247)
-
#7b81f8
#7b81f8
rgb(123,129,248)
-
#8d93f9
#8d93f9
rgb(141,147,249)
-
#a0a4fa
#a0a4fa
rgb(160,164,250)
-
#b3b6fb
#b3b6fb
rgb(179,182,251)
-
#c5c8fc
#c5c8fc
rgb(197,200,252)
-
#d8dafd
#d8dafd
rgb(216,218,253)
-
#eaebfe
#eaebfe
rgb(234,235,254)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #686ff7
A tone is produced by adding gray to any pure hue. In this case, #abacb4 is the less saturated color, while #6269fd is the most saturated one.
-
#abacb4
#abacb4
rgb(171,172,180)
-
#a5a6ba
#a5a6ba
rgb(165,166,186)
-
#9fa1c0
#9fa1c0
rgb(159,161,192)
-
#999bc6
#999bc6
rgb(153,155,198)
-
#9396cc
#9396cc
rgb(147,150,204)
-
#8d90d2
#8d90d2
rgb(141,144,210)
-
#878bd8
#878bd8
rgb(135,139,216)
-
#8085df
#8085df
rgb(128,133,223)
-
#7a80e5
#7a80e5
rgb(122,128,229)
-
#747aeb
#747aeb
rgb(116,122,235)
-
#6e75f1
#6e75f1
rgb(110,117,241)
-
#686ff7
#686ff7
rgb(104,111,247)
-
#6269fd
#6269fd
rgb(98,105,253)
Color Blindness Simulator
Below, you can see how #686ff7 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.