#686ad1 Color Information
In a RGB color space, hex #686ad1 is composed of 40.8% red, 41.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 49.3% magenta, 0% yellow and 18% black. It has a hue angle of 238.9 degrees, a saturation of 53.3% and a lightness of 61.4%. #686ad1 color hex could be obtained by blending #d0d4ff with #0000a3. Closest websafe color is: #6666cc.
-
- R 41
- G 42
- B 82
-
- C 50
- M 49
- Y 0
- K 18
● #686ad1 color description : Moderate blue.
#686ad1 Color Conversion
The hexadecimal color #686ad1 has RGB values of R:104, G:106, B:209 and CMYK values of C:0.5, M:0.49, Y:0, K:0.18. Its decimal value is 6843089.
Hex triplet | 686ad1 | #686ad1 |
---|---|---|
RGB Decimal | 104, 106, 209 | rgb(104,106,209) |
RGB Percent | 40.8, 41.6, 82 | rgb(40.8%,41.6%,82%) |
CMYK | 50, 49, 0, 18 | |
HSL | 238.9°, 53.3, 61.4 | hsl(238.9,53.3%,61.4%) |
HSV (or HSB) | 238.9°, 50.2, 82 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.318, 27.159, -53.673 |
---|---|
XYZ | 22.369, 17.854, 62.586 |
xyY | 0.218, 0.174, 17.854 |
CIE-LCH | 49.318, 60.153, 296.84 |
CIE-LUV | 49.318, -6.811, -84.713 |
Hunter-Lab | 42.254, 20.554, -58.242 |
Binary | 01101000, 01101010, 11010001 |
Color Schemes with #686ad1
Alternatives to #686ad1
Below, you can see some colors close to #686ad1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686ad1 Preview
This text has a font color of #686ad1.
<span style="color:#686ad1;">Text here</span>
This paragraph has a background color of #686ad1.
<p style="background-color:#686ad1;">Content here</p>
This element has a border color of #686ad1.
<div style="border:1px solid #686ad1;">Content here</div>
.text {color:#686ad1;}
.background {background-color:#686ad1;}
.border {border:1px solid #686ad1;}
Shades and Tints of #686ad1
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, #04050e is the darkest color, while #fefeff is the lightest one.
-
#04050e
#04050e
rgb(4,5,14)
-
#09091d
#09091d
rgb(9,9,29)
-
#0e0e2c
#0e0e2c
rgb(14,14,44)
-
#12133b
#12133b
rgb(18,19,59)
-
#17184b
#17184b
rgb(23,24,75)
-
#1b1c5a
#1b1c5a
rgb(27,28,90)
-
#202169
#202169
rgb(32,33,105)
-
#242678
#242678
rgb(36,38,120)
-
#292b87
#292b87
rgb(41,43,135)
-
#2e3096
#2e3096
rgb(46,48,150)
-
#3234a5
#3234a5
rgb(50,52,165)
-
#3739b4
#3739b4
rgb(55,57,180)
-
#3b3ec3
#3b3ec3
rgb(59,62,195)
-
#4a4cc8
#4a4cc8
rgb(74,76,200)
-
#595bcc
#595bcc
rgb(89,91,204)
-
#686ad1
#686ad1
rgb(104,106,209)
-
#7779d6
#7779d6
rgb(119,121,214)
-
#8688da
#8688da
rgb(134,136,218)
-
#9597df
#9597df
rgb(149,151,223)
-
#a4a5e3
#a4a5e3
rgb(164,165,227)
-
#b3b4e8
#b3b4e8
rgb(179,180,232)
-
#c2c3ec
#c2c3ec
rgb(194,195,236)
-
#d1d2f1
#d1d2f1
rgb(209,210,241)
-
#e0e1f6
#e0e1f6
rgb(224,225,246)
-
#eff0fa
#eff0fa
rgb(239,240,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #686ad1
A tone is produced by adding gray to any pure hue. In this case, #9596a4 is the less saturated color, while #3b3efe is the most saturated one.
-
#9596a4
#9596a4
rgb(149,150,164)
-
#8e8eab
#8e8eab
rgb(142,142,171)
-
#8687b3
#8687b3
rgb(134,135,179)
-
#7f80ba
#7f80ba
rgb(127,128,186)
-
#7779c2
#7779c2
rgb(119,121,194)
-
#7071c9
#7071c9
rgb(112,113,201)
-
#686ad1
#686ad1
rgb(104,106,209)
-
#6063d9
#6063d9
rgb(96,99,217)
-
#595be0
#595be0
rgb(89,91,224)
-
#5154e8
#5154e8
rgb(81,84,232)
-
#4a4def
#4a4def
rgb(74,77,239)
-
#4246f7
#4246f7
rgb(66,70,247)
-
#3b3efe
#3b3efe
rgb(59,62,254)
Color Blindness Simulator
Below, you can see how #686ad1 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.