#686aa8 Color Information
In a RGB color space, hex #686aa8 is composed of 40.8% red, 41.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 36.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 238.1 degrees, a saturation of 26.9% and a lightness of 53.3%. #686aa8 color hex could be obtained by blending #d0d4ff with #000051. Closest websafe color is: #666699.
-
- R 41
- G 42
- B 66
-
- C 38
- M 37
- Y 0
- K 34
● #686aa8 color description : Mostly desaturated dark blue.
#686aa8 Color Conversion
The hexadecimal color #686aa8 has RGB values of R:104, G:106, B:168 and CMYK values of C:0.38, M:0.37, Y:0, K:0.34. Its decimal value is 6843048.
Hex triplet | 686aa8 | #686aa8 |
---|---|---|
RGB Decimal | 104, 106, 168 | rgb(104,106,168) |
RGB Percent | 40.8, 41.6, 65.9 | rgb(40.8%,41.6%,65.9%) |
CMYK | 38, 37, 0, 34 | |
HSL | 238.1°, 26.9, 53.3 | hsl(238.1,26.9%,53.3%) |
HSV (or HSB) | 238.1°, 38.1, 65.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.077, 14.875, -33.528 |
---|---|
XYZ | 17.929, 16.078, 39.202 |
xyY | 0.245, 0.22, 16.078 |
CIE-LCH | 47.077, 36.68, 293.924 |
CIE-LUV | 47.077, -4.564, -51.538 |
Hunter-Lab | 40.097, 9.646, -29.899 |
Binary | 01101000, 01101010, 10101000 |
Color Schemes with #686aa8
Alternatives to #686aa8
Below, you can see some colors close to #686aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686aa8 Preview
This text has a font color of #686aa8.
<span style="color:#686aa8;">Text here</span>
This paragraph has a background color of #686aa8.
<p style="background-color:#686aa8;">Content here</p>
This element has a border color of #686aa8.
<div style="border:1px solid #686aa8;">Content here</div>
.text {color:#686aa8;}
.background {background-color:#686aa8;}
.border {border:1px solid #686aa8;}
Shades and Tints of #686aa8
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, #06060b is the darkest color, while #fdfdfe is the lightest one.
-
#06060b
#06060b
rgb(6,6,11)
-
#0d0e17
#0d0e17
rgb(13,14,23)
-
#151524
#151524
rgb(21,21,36)
-
#1c1c30
#1c1c30
rgb(28,28,48)
-
#23243d
#23243d
rgb(35,36,61)
-
#2a2b49
#2a2b49
rgb(42,43,73)
-
#313255
#313255
rgb(49,50,85)
-
#383a62
#383a62
rgb(56,58,98)
-
#40416e
#40416e
rgb(64,65,110)
-
#47487b
#47487b
rgb(71,72,123)
-
#4e5087
#4e5087
rgb(78,80,135)
-
#555794
#555794
rgb(85,87,148)
-
#5c5ea0
#5c5ea0
rgb(92,94,160)
-
#686aa8
#686aa8
rgb(104,106,168)
-
#7476af
#7476af
rgb(116,118,175)
-
#8183b6
#8183b6
rgb(129,131,182)
-
#8d8fbe
#8d8fbe
rgb(141,143,190)
-
#9a9bc5
#9a9bc5
rgb(154,155,197)
-
#a6a7cc
#a6a7cc
rgb(166,167,204)
-
#b3b4d3
#b3b4d3
rgb(179,180,211)
-
#bfc0da
#bfc0da
rgb(191,192,218)
-
#cccce1
#cccce1
rgb(204,204,225)
-
#d8d9e9
#d8d9e9
rgb(216,217,233)
-
#e4e5f0
#e4e5f0
rgb(228,229,240)
-
#f1f1f7
#f1f1f7
rgb(241,241,247)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #686aa8
A tone is produced by adding gray to any pure hue. In this case, #83848d is the less saturated color, while #161dfa is the most saturated one.
-
#83848d
#83848d
rgb(131,132,141)
-
#7a7b96
#7a7b96
rgb(122,123,150)
-
#71739f
#71739f
rgb(113,115,159)
-
#686aa8
#686aa8
rgb(104,106,168)
-
#5f61b1
#5f61b1
rgb(95,97,177)
-
#5659ba
#5659ba
rgb(86,89,186)
-
#4d50c3
#4d50c3
rgb(77,80,195)
-
#4348cd
#4348cd
rgb(67,72,205)
-
#3a3fd6
#3a3fd6
rgb(58,63,214)
-
#3137df
#3137df
rgb(49,55,223)
-
#282ee8
#282ee8
rgb(40,46,232)
-
#1f25f1
#1f25f1
rgb(31,37,241)
-
#161dfa
#161dfa
rgb(22,29,250)
Color Blindness Simulator
Below, you can see how #686aa8 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.