#686cef Color Information
In a RGB color space, hex #686cef is composed of 40.8% red, 42.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 54.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 238.2 degrees, a saturation of 80.8% and a lightness of 67.3%. #686cef color hex could be obtained by blending #d0d8ff with #0000df. Closest websafe color is: #6666ff.
-
- R 41
- G 42
- B 94
-
- C 56
- M 55
- Y 0
- K 6
● #686cef color description : Soft blue.
#686cef Color Conversion
The hexadecimal color #686cef has RGB values of R:104, G:108, B:239 and CMYK values of C:0.56, M:0.55, Y:0, K:0.06. Its decimal value is 6843631.
Hex triplet | 686cef | #686cef |
---|---|---|
RGB Decimal | 104, 108, 239 | rgb(104,108,239) |
RGB Percent | 40.8, 42.4, 93.7 | rgb(40.8%,42.4%,93.7%) |
CMYK | 56, 55, 0, 6 | |
HSL | 238.2°, 80.8, 67.3 | hsl(238.2,80.8%,67.3%) |
HSV (or HSB) | 238.2°, 56.5, 93.7 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.723, 35.342, -66.734 |
---|---|
XYZ | 26.648, 19.899, 84.093 |
xyY | 0.204, 0.152, 19.899 |
CIE-LCH | 51.723, 75.515, 297.905 |
CIE-LUV | 51.723, -8.899, -106.356 |
Hunter-Lab | 44.608, 28.569, -80.544 |
Binary | 01101000, 01101100, 11101111 |
Color Schemes with #686cef
Alternatives to #686cef
Below, you can see some colors close to #686cef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686cef Preview
This text has a font color of #686cef.
<span style="color:#686cef;">Text here</span>
This paragraph has a background color of #686cef.
<p style="background-color:#686cef;">Content here</p>
This element has a border color of #686cef.
<div style="border:1px solid #686cef;">Content here</div>
.text {color:#686cef;}
.background {background-color:#686cef;}
.border {border:1px solid #686cef;}
Shades and Tints of #686cef
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, #010109 is the darkest color, while #f6f6fe is the lightest one.
-
#010109
#010109
rgb(1,1,9)
-
#03031a
#03031a
rgb(3,3,26)
-
#05062c
#05062c
rgb(5,6,44)
-
#07083e
#07083e
rgb(7,8,62)
-
#080b50
#080b50
rgb(8,11,80)
-
#0a0d61
#0a0d61
rgb(10,13,97)
-
#0c0f73
#0c0f73
rgb(12,15,115)
-
#0e1285
#0e1285
rgb(14,18,133)
-
#101497
#101497
rgb(16,20,151)
-
#1216a8
#1216a8
rgb(18,22,168)
-
#1419ba
#1419ba
rgb(20,25,186)
-
#161bcc
#161bcc
rgb(22,27,204)
-
#171ddd
#171ddd
rgb(23,29,221)
-
#2127e7
#2127e7
rgb(33,39,231)
-
#3338e9
#3338e9
rgb(51,56,233)
-
#4549eb
#4549eb
rgb(69,73,235)
-
#565bed
#565bed
rgb(86,91,237)
-
#686cef
#686cef
rgb(104,108,239)
-
#7a7df1
#7a7df1
rgb(122,125,241)
-
#8b8ff3
#8b8ff3
rgb(139,143,243)
-
#9da0f5
#9da0f5
rgb(157,160,245)
-
#afb1f7
#afb1f7
rgb(175,177,247)
-
#c1c2f8
#c1c2f8
rgb(193,194,248)
-
#d2d4fa
#d2d4fa
rgb(210,212,250)
-
#e4e5fc
#e4e5fc
rgb(228,229,252)
-
#f6f6fe
#f6f6fe
rgb(246,246,254)
Tones of #686cef
A tone is produced by adding gray to any pure hue. In this case, #a8a8af is the less saturated color, while #5b60fc is the most saturated one.
-
#a8a8af
#a8a8af
rgb(168,168,175)
-
#a2a2b5
#a2a2b5
rgb(162,162,181)
-
#9b9cbc
#9b9cbc
rgb(155,156,188)
-
#9596c2
#9596c2
rgb(149,150,194)
-
#8f90c8
#8f90c8
rgb(143,144,200)
-
#888acf
#888acf
rgb(136,138,207)
-
#8284d5
#8284d5
rgb(130,132,213)
-
#7b7edc
#7b7edc
rgb(123,126,220)
-
#7578e2
#7578e2
rgb(117,120,226)
-
#6e72e9
#6e72e9
rgb(110,114,233)
-
#686cef
#686cef
rgb(104,108,239)
-
#6266f5
#6266f5
rgb(98,102,245)
-
#5b60fc
#5b60fc
rgb(91,96,252)
Color Blindness Simulator
Below, you can see how #686cef 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.