#686ccd Color Information
In a RGB color space, hex #686ccd is composed of 40.8% red, 42.4% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 47.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 237.6 degrees, a saturation of 50.2% and a lightness of 60.6%. #686ccd color hex could be obtained by blending #d0d8ff with #00009b. Closest websafe color is: #6666cc.
-
- R 41
- G 42
- B 80
-
- C 49
- M 47
- Y 0
- K 20
● #686ccd color description : Slightly desaturated blue.
#686ccd Color Conversion
The hexadecimal color #686ccd has RGB values of R:104, G:108, B:205 and CMYK values of C:0.49, M:0.47, Y:0, K:0.2. Its decimal value is 6843597.
Hex triplet | 686ccd | #686ccd |
---|---|---|
RGB Decimal | 104, 108, 205 | rgb(104,108,205) |
RGB Percent | 40.8, 42.4, 80.4 | rgb(40.8%,42.4%,80.4%) |
CMYK | 49, 47, 0, 20 | |
HSL | 237.6°, 50.2, 60.6 | hsl(237.6,50.2%,60.6%) |
HSV (or HSB) | 237.6°, 49.3, 80.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.587, 24.704, -50.959 |
---|---|
XYZ | 22.089, 18.075, 60.079 |
xyY | 0.22, 0.18, 18.075 |
CIE-LCH | 49.587, 56.631, 295.863 |
CIE-LUV | 49.587, -7.234, -80.412 |
Hunter-Lab | 42.515, 18.339, -54.024 |
Binary | 01101000, 01101100, 11001101 |
Color Schemes with #686ccd
Alternatives to #686ccd
Below, you can see some colors close to #686ccd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686ccd Preview
This text has a font color of #686ccd.
<span style="color:#686ccd;">Text here</span>
This paragraph has a background color of #686ccd.
<p style="background-color:#686ccd;">Content here</p>
This element has a border color of #686ccd.
<div style="border:1px solid #686ccd;">Content here</div>
.text {color:#686ccd;}
.background {background-color:#686ccd;}
.border {border:1px solid #686ccd;}
Shades and Tints of #686ccd
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, #04040b is the darkest color, while #fbfbfe is the lightest one.
-
#04040b
#04040b
rgb(4,4,11)
-
#09091a
#09091a
rgb(9,9,26)
-
#0d0f29
#0d0f29
rgb(13,15,41)
-
#121437
#121437
rgb(18,20,55)
-
#171946
#171946
rgb(23,25,70)
-
#1c1e55
#1c1e55
rgb(28,30,85)
-
#212464
#212464
rgb(33,36,100)
-
#262972
#262972
rgb(38,41,114)
-
#2b2e81
#2b2e81
rgb(43,46,129)
-
#303390
#303390
rgb(48,51,144)
-
#34399e
#34399e
rgb(52,57,158)
-
#393ead
#393ead
rgb(57,62,173)
-
#3e43bc
#3e43bc
rgb(62,67,188)
-
#4b4fc3
#4b4fc3
rgb(75,79,195)
-
#595ec8
#595ec8
rgb(89,94,200)
-
#686ccd
#686ccd
rgb(104,108,205)
-
#777ad2
#777ad2
rgb(119,122,210)
-
#8589d7
#8589d7
rgb(133,137,215)
-
#9497dc
#9497dc
rgb(148,151,220)
-
#a3a5e1
#a3a5e1
rgb(163,165,225)
-
#b2b4e5
#b2b4e5
rgb(178,180,229)
-
#c0c2ea
#c0c2ea
rgb(192,194,234)
-
#cfd0ef
#cfd0ef
rgb(207,208,239)
-
#dedff4
#dedff4
rgb(222,223,244)
-
#ededf9
#ededf9
rgb(237,237,249)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #686ccd
A tone is produced by adding gray to any pure hue. In this case, #96979f is the less saturated color, while #3a41fb is the most saturated one.
-
#96979f
#96979f
rgb(150,151,159)
-
#8f90a6
#8f90a6
rgb(143,144,166)
-
#8788ae
#8788ae
rgb(135,136,174)
-
#7f81b6
#7f81b6
rgb(127,129,182)
-
#777abe
#777abe
rgb(119,122,190)
-
#7073c5
#7073c5
rgb(112,115,197)
-
#686ccd
#686ccd
rgb(104,108,205)
-
#6065d5
#6065d5
rgb(96,101,213)
-
#595edc
#595edc
rgb(89,94,220)
-
#5157e4
#5157e4
rgb(81,87,228)
-
#4950ec
#4950ec
rgb(73,80,236)
-
#4148f4
#4148f4
rgb(65,72,244)
-
#3a41fb
#3a41fb
rgb(58,65,251)
Color Blindness Simulator
Below, you can see how #686ccd 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.