#686ce6 Color Information
In a RGB color space, hex #686ce6 is composed of 40.8% red, 42.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 53% magenta, 0% yellow and 9.8% black. It has a hue angle of 238.1 degrees, a saturation of 71.6% and a lightness of 65.5%. #686ce6 color hex could be obtained by blending #d0d8ff with #0000cd. Closest websafe color is: #6666ff.
-
- R 41
- G 42
- B 90
-
- C 55
- M 53
- Y 0
- K 10
● #686ce6 color description : Soft blue.
#686ce6 Color Conversion
The hexadecimal color #686ce6 has RGB values of R:104, G:108, B:230 and CMYK values of C:0.55, M:0.53, Y:0, K:0.1. Its decimal value is 6843622.
Hex triplet | 686ce6 | #686ce6 |
---|---|---|
RGB Decimal | 104, 108, 230 | rgb(104,108,230) |
RGB Percent | 40.8, 42.4, 90.2 | rgb(40.8%,42.4%,90.2%) |
CMYK | 55, 53, 0, 10 | |
HSL | 238.1°, 71.6, 65.5 | hsl(238.1,71.6%,65.5%) |
HSV (or HSB) | 238.1°, 54.8, 90.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.129, 32.504, -62.649 |
---|---|
XYZ | 25.352, 19.38, 77.263 |
xyY | 0.208, 0.159, 19.38 |
CIE-LCH | 51.129, 70.579, 297.421 |
CIE-LUV | 51.129, -8.468, -99.674 |
Hunter-Lab | 44.023, 25.752, -73.242 |
Binary | 01101000, 01101100, 11100110 |
Color Schemes with #686ce6
Alternatives to #686ce6
Below, you can see some colors close to #686ce6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686ce6 Preview
This text has a font color of #686ce6.
<span style="color:#686ce6;">Text here</span>
This paragraph has a background color of #686ce6.
<p style="background-color:#686ce6;">Content here</p>
This element has a border color of #686ce6.
<div style="border:1px solid #686ce6;">Content here</div>
.text {color:#686ce6;}
.background {background-color:#686ce6;}
.border {border:1px solid #686ce6;}
Shades and Tints of #686ce6
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, #000000 is the darkest color, while #efeffc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030311
#030311
rgb(3,3,17)
-
#060722
#060722
rgb(6,7,34)
-
#080a33
#080a33
rgb(8,10,51)
-
#0b0d44
#0b0d44
rgb(11,13,68)
-
#0e1055
#0e1055
rgb(14,16,85)
-
#111365
#111365
rgb(17,19,101)
-
#141776
#141776
rgb(20,23,118)
-
#161a87
#161a87
rgb(22,26,135)
-
#191d98
#191d98
rgb(25,29,152)
-
#1c20a9
#1c20a9
rgb(28,32,169)
-
#1f24ba
#1f24ba
rgb(31,36,186)
-
#2227ca
#2227ca
rgb(34,39,202)
-
#252adb
#252adb
rgb(37,42,219)
-
#363bde
#363bde
rgb(54,59,222)
-
#464be0
#464be0
rgb(70,75,224)
-
#575ce3
#575ce3
rgb(87,92,227)
-
#686ce6
#686ce6
rgb(104,108,230)
-
#797ce9
#797ce9
rgb(121,124,233)
-
#8a8dec
#8a8dec
rgb(138,141,236)
-
#9a9dee
#9a9dee
rgb(154,157,238)
-
#abaef1
#abaef1
rgb(171,174,241)
-
#bcbef4
#bcbef4
rgb(188,190,244)
-
#cdcef7
#cdcef7
rgb(205,206,247)
-
#dedffa
#dedffa
rgb(222,223,250)
-
#efeffc
#efeffc
rgb(239,239,252)
Tones of #686ce6
A tone is produced by adding gray to any pure hue. In this case, #a5a5a9 is the less saturated color, while #5459fa is the most saturated one.
-
#a5a5a9
#a5a5a9
rgb(165,165,169)
-
#9e9fb0
#9e9fb0
rgb(158,159,176)
-
#9798b7
#9798b7
rgb(151,152,183)
-
#9192bd
#9192bd
rgb(145,146,189)
-
#8a8cc4
#8a8cc4
rgb(138,140,196)
-
#8385cb
#8385cb
rgb(131,133,203)
-
#7c7fd2
#7c7fd2
rgb(124,127,210)
-
#7679d8
#7679d8
rgb(118,121,216)
-
#6f72df
#6f72df
rgb(111,114,223)
-
#686ce6
#686ce6
rgb(104,108,230)
-
#6166ed
#6166ed
rgb(97,102,237)
-
#5a5ff4
#5a5ff4
rgb(90,95,244)
-
#5459fa
#5459fa
rgb(84,89,250)
Color Blindness Simulator
Below, you can see how #686ce6 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.