#686be6 Color Information
In a RGB color space, hex #686be6 is composed of 40.8% red, 42% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 53.5% magenta, 0% yellow and 9.8% black. It has a hue angle of 238.6 degrees, a saturation of 71.6% and a lightness of 65.5%. #686be6 color hex could be obtained by blending #d0d6ff with #0000cd. Closest websafe color is: #6666ff.
-
- R 41
- G 42
- B 90
-
- C 55
- M 53
- Y 0
- K 10
● #686be6 color description : Soft blue.
#686be6 Color Conversion
The hexadecimal color #686be6 has RGB values of R:104, G:107, B:230 and CMYK values of C:0.55, M:0.53, Y:0, K:0.1. Its decimal value is 6843366.
Hex triplet | 686be6 | #686be6 |
---|---|---|
RGB Decimal | 104, 107, 230 | rgb(104,107,230) |
RGB Percent | 40.8, 42, 90.2 | rgb(40.8%,42%,90.2%) |
CMYK | 55, 53, 0, 10 | |
HSL | 238.6°, 71.6, 65.5 | hsl(238.6,71.6%,65.5%) |
HSV (or HSB) | 238.6°, 54.8, 90.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.886, 33.107, -63.041 |
---|---|
XYZ | 25.247, 19.171, 77.229 |
xyY | 0.208, 0.158, 19.171 |
CIE-LCH | 50.886, 71.206, 297.707 |
CIE-LUV | 50.886, -8.183, -100.195 |
Hunter-Lab | 43.784, 26.303, -73.929 |
Binary | 01101000, 01101011, 11100110 |
Color Schemes with #686be6
Alternatives to #686be6
Below, you can see some colors close to #686be6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686be6 Preview
This text has a font color of #686be6.
<span style="color:#686be6;">Text here</span>
This paragraph has a background color of #686be6.
<p style="background-color:#686be6;">Content here</p>
This element has a border color of #686be6.
<div style="border:1px solid #686be6;">Content here</div>
.text {color:#686be6;}
.background {background-color:#686be6;}
.border {border:1px solid #686be6;}
Shades and Tints of #686be6
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)
-
#060622
#060622
rgb(6,6,34)
-
#080933
#080933
rgb(8,9,51)
-
#0b0d44
#0b0d44
rgb(11,13,68)
-
#0e1055
#0e1055
rgb(14,16,85)
-
#111365
#111365
rgb(17,19,101)
-
#141676
#141676
rgb(20,22,118)
-
#161987
#161987
rgb(22,25,135)
-
#191c98
#191c98
rgb(25,28,152)
-
#1c1fa9
#1c1fa9
rgb(28,31,169)
-
#1f22ba
#1f22ba
rgb(31,34,186)
-
#2226ca
#2226ca
rgb(34,38,202)
-
#2529db
#2529db
rgb(37,41,219)
-
#363ade
#363ade
rgb(54,58,222)
-
#464ae0
#464ae0
rgb(70,74,224)
-
#575be3
#575be3
rgb(87,91,227)
-
#686be6
#686be6
rgb(104,107,230)
-
#797be9
#797be9
rgb(121,123,233)
-
#8a8cec
#8a8cec
rgb(138,140,236)
-
#9a9cee
#9a9cee
rgb(154,156,238)
-
#abadf1
#abadf1
rgb(171,173,241)
-
#bcbdf4
#bcbdf4
rgb(188,189,244)
-
#cdcef7
#cdcef7
rgb(205,206,247)
-
#dedefa
#dedefa
rgb(222,222,250)
-
#efeffc
#efeffc
rgb(239,239,252)
Tones of #686be6
A tone is produced by adding gray to any pure hue. In this case, #a5a5a9 is the less saturated color, while #5458fa 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)
-
#8a8bc4
#8a8bc4
rgb(138,139,196)
-
#8385cb
#8385cb
rgb(131,133,203)
-
#7c7ed2
#7c7ed2
rgb(124,126,210)
-
#7678d8
#7678d8
rgb(118,120,216)
-
#6f71df
#6f71df
rgb(111,113,223)
-
#686be6
#686be6
rgb(104,107,230)
-
#6165ed
#6165ed
rgb(97,101,237)
-
#5a5ef4
#5a5ef4
rgb(90,94,244)
-
#5458fa
#5458fa
rgb(84,88,250)
Color Blindness Simulator
Below, you can see how #686be6 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.