#686a96 Color Information
In a RGB color space, hex #686a96 is composed of 40.8% red, 41.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 29.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 237.4 degrees, a saturation of 18.1% and a lightness of 49.8%. #686a96 color hex could be obtained by blending #d0d4ff with #00002d. Closest websafe color is: #666699.
-
- R 41
- G 42
- B 59
-
- C 31
- M 29
- Y 0
- K 41
● #686a96 color description : Mostly desaturated dark blue.
#686a96 Color Conversion
The hexadecimal color #686a96 has RGB values of R:104, G:106, B:150 and CMYK values of C:0.31, M:0.29, Y:0, K:0.41. Its decimal value is 6843030.
Hex triplet | 686a96 | #686a96 |
---|---|---|
RGB Decimal | 104, 106, 150 | rgb(104,106,150) |
RGB Percent | 40.8, 41.6, 58.8 | rgb(40.8%,41.6%,58.8%) |
CMYK | 31, 29, 0, 41 | |
HSL | 237.4°, 18.1, 49.8 | hsl(237.4,18.1%,49.8%) |
HSV (or HSB) | 237.4°, 30.7, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.248, 9.86, -24.209 |
---|---|
XYZ | 16.367, 15.453, 30.973 |
xyY | 0.261, 0.246, 15.453 |
CIE-LCH | 46.248, 26.14, 292.16 |
CIE-LUV | 46.248, -3.545, -36.424 |
Hunter-Lab | 39.31, 5.526, -19.198 |
Binary | 01101000, 01101010, 10010110 |
Color Schemes with #686a96
Alternatives to #686a96
Below, you can see some colors close to #686a96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a96 Preview
This text has a font color of #686a96.
<span style="color:#686a96;">Text here</span>
This paragraph has a background color of #686a96.
<p style="background-color:#686a96;">Content here</p>
This element has a border color of #686a96.
<div style="border:1px solid #686a96;">Content here</div>
.text {color:#686a96;}
.background {background-color:#686a96;}
.border {border:1px solid #686a96;}
Shades and Tints of #686a96
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, #08080b is the darkest color, while #fefeff is the lightest one.
-
#08080b
#08080b
rgb(8,8,11)
-
#101017
#101017
rgb(16,16,23)
-
#181822
#181822
rgb(24,24,34)
-
#20202e
#20202e
rgb(32,32,46)
-
#282939
#282939
rgb(40,41,57)
-
#303145
#303145
rgb(48,49,69)
-
#383950
#383950
rgb(56,57,80)
-
#40415c
#40415c
rgb(64,65,92)
-
#484968
#484968
rgb(72,73,104)
-
#505173
#505173
rgb(80,81,115)
-
#585a7f
#585a7f
rgb(88,90,127)
-
#60628a
#60628a
rgb(96,98,138)
-
#686a96
#686a96
rgb(104,106,150)
-
#73759e
#73759e
rgb(115,117,158)
-
#7f81a6
#7f81a6
rgb(127,129,166)
-
#8b8cae
#8b8cae
rgb(139,140,174)
-
#9698b6
#9698b6
rgb(150,152,182)
-
#a2a3be
#a2a3be
rgb(162,163,190)
-
#adaec6
#adaec6
rgb(173,174,198)
-
#b9bace
#b9bace
rgb(185,186,206)
-
#c4c5d6
#c4c5d6
rgb(196,197,214)
-
#d0d1de
#d0d1de
rgb(208,209,222)
-
#dcdce6
#dcdce6
rgb(220,220,230)
-
#e7e8ef
#e7e8ef
rgb(231,232,239)
-
#f3f3f7
#f3f3f7
rgb(243,243,247)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #686a96
A tone is produced by adding gray to any pure hue. In this case, #7c7c82 is the less saturated color, while #0611f8 is the most saturated one.
-
#7c7c82
#7c7c82
rgb(124,124,130)
-
#72738c
#72738c
rgb(114,115,140)
-
#686a96
#686a96
rgb(104,106,150)
-
#5e61a0
#5e61a0
rgb(94,97,160)
-
#5458aa
#5458aa
rgb(84,88,170)
-
#4b4fb3
#4b4fb3
rgb(75,79,179)
-
#4146bd
#4146bd
rgb(65,70,189)
-
#373dc7
#373dc7
rgb(55,61,199)
-
#2d34d1
#2d34d1
rgb(45,52,209)
-
#242cda
#242cda
rgb(36,44,218)
-
#1a23e4
#1a23e4
rgb(26,35,228)
-
#101aee
#101aee
rgb(16,26,238)
-
#0611f8
#0611f8
rgb(6,17,248)
Color Blindness Simulator
Below, you can see how #686a96 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.