#686de6 Color Information
In a RGB color space, hex #686de6 is composed of 40.8% red, 42.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 52.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 237.6 degrees, a saturation of 71.6% and a lightness of 65.5%. #686de6 color hex could be obtained by blending #d0daff with #0000cd. Closest websafe color is: #6666ff.
-
- R 41
- G 43
- B 90
-
- C 55
- M 53
- Y 0
- K 10
● #686de6 color description : Soft blue.
#686de6 Color Conversion
The hexadecimal color #686de6 has RGB values of R:104, G:109, B:230 and CMYK values of C:0.55, M:0.53, Y:0, K:0.1. Its decimal value is 6843878.
Hex triplet | 686de6 | #686de6 |
---|---|---|
RGB Decimal | 104, 109, 230 | rgb(104,109,230) |
RGB Percent | 40.8, 42.7, 90.2 | rgb(40.8%,42.7%,90.2%) |
CMYK | 55, 53, 0, 10 | |
HSL | 237.6°, 71.6, 65.5 | hsl(237.6,71.6%,65.5%) |
HSV (or HSB) | 237.6°, 54.8, 90.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.373, 31.9, -62.255 |
---|---|
XYZ | 25.458, 19.592, 77.299 |
xyY | 0.208, 0.16, 19.592 |
CIE-LCH | 51.373, 69.952, 297.131 |
CIE-LUV | 51.373, -8.756, -99.145 |
Hunter-Lab | 44.263, 25.201, -72.556 |
Binary | 01101000, 01101101, 11100110 |
Color Schemes with #686de6
Alternatives to #686de6
Below, you can see some colors close to #686de6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686de6 Preview
This text has a font color of #686de6.
<span style="color:#686de6;">Text here</span>
This paragraph has a background color of #686de6.
<p style="background-color:#686de6;">Content here</p>
This element has a border color of #686de6.
<div style="border:1px solid #686de6;">Content here</div>
.text {color:#686de6;}
.background {background-color:#686de6;}
.border {border:1px solid #686de6;}
Shades and Tints of #686de6
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)
-
#0e1155
#0e1155
rgb(14,17,85)
-
#111465
#111465
rgb(17,20,101)
-
#141776
#141776
rgb(20,23,118)
-
#161b87
#161b87
rgb(22,27,135)
-
#191e98
#191e98
rgb(25,30,152)
-
#1c22a9
#1c22a9
rgb(28,34,169)
-
#1f25ba
#1f25ba
rgb(31,37,186)
-
#2228ca
#2228ca
rgb(34,40,202)
-
#252cdb
#252cdb
rgb(37,44,219)
-
#363cde
#363cde
rgb(54,60,222)
-
#464ce0
#464ce0
rgb(70,76,224)
-
#575de3
#575de3
rgb(87,93,227)
-
#686de6
#686de6
rgb(104,109,230)
-
#797de9
#797de9
rgb(121,125,233)
-
#8a8eec
#8a8eec
rgb(138,142,236)
-
#9a9eee
#9a9eee
rgb(154,158,238)
-
#abaef1
#abaef1
rgb(171,174,241)
-
#bcbef4
#bcbef4
rgb(188,190,244)
-
#cdcff7
#cdcff7
rgb(205,207,247)
-
#dedffa
#dedffa
rgb(222,223,250)
-
#efeffc
#efeffc
rgb(239,239,252)
Tones of #686de6
A tone is produced by adding gray to any pure hue. In this case, #a5a5a9 is the less saturated color, while #545afa is the most saturated one.
-
#a5a5a9
#a5a5a9
rgb(165,165,169)
-
#9e9fb0
#9e9fb0
rgb(158,159,176)
-
#9799b7
#9799b7
rgb(151,153,183)
-
#9192bd
#9192bd
rgb(145,146,189)
-
#8a8cc4
#8a8cc4
rgb(138,140,196)
-
#8386cb
#8386cb
rgb(131,134,203)
-
#7c80d2
#7c80d2
rgb(124,128,210)
-
#7679d8
#7679d8
rgb(118,121,216)
-
#6f73df
#6f73df
rgb(111,115,223)
-
#686de6
#686de6
rgb(104,109,230)
-
#6167ed
#6167ed
rgb(97,103,237)
-
#5a61f4
#5a61f4
rgb(90,97,244)
-
#545afa
#545afa
rgb(84,90,250)
Color Blindness Simulator
Below, you can see how #686de6 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.