#686b96 Color Information
In a RGB color space, hex #686b96 is composed of 40.8% red, 42% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 28.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 236.1 degrees, a saturation of 18.1% and a lightness of 49.8%. #686b96 color hex could be obtained by blending #d0d6ff with #00002d. Closest websafe color is: #666699.
-
- R 41
- G 42
- B 59
-
- C 31
- M 29
- Y 0
- K 41
● #686b96 color description : Mostly desaturated dark blue.
#686b96 Color Conversion
The hexadecimal color #686b96 has RGB values of R:104, G:107, B:150 and CMYK values of C:0.31, M:0.29, Y:0, K:0.41. Its decimal value is 6843286.
Hex triplet | 686b96 | #686b96 |
---|---|---|
RGB Decimal | 104, 107, 150 | rgb(104,107,150) |
RGB Percent | 40.8, 42, 58.8 | rgb(40.8%,42%,58.8%) |
CMYK | 31, 29, 0, 41 | |
HSL | 236.1°, 18.1, 49.8 | hsl(236.1,18.1%,49.8%) |
HSV (or HSB) | 236.1°, 30.7, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.525, 9.251, -23.78 |
---|---|
XYZ | 16.471, 15.66, 31.007 |
xyY | 0.261, 0.248, 15.66 |
CIE-LCH | 46.525, 25.516, 291.258 |
CIE-LUV | 46.525, -3.957, -35.741 |
Hunter-Lab | 39.573, 5.04, -18.756 |
Binary | 01101000, 01101011, 10010110 |
Color Schemes with #686b96
Alternatives to #686b96
Below, you can see some colors close to #686b96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686b96 Preview
This text has a font color of #686b96.
<span style="color:#686b96;">Text here</span>
This paragraph has a background color of #686b96.
<p style="background-color:#686b96;">Content here</p>
This element has a border color of #686b96.
<div style="border:1px solid #686b96;">Content here</div>
.text {color:#686b96;}
.background {background-color:#686b96;}
.border {border:1px solid #686b96;}
Shades and Tints of #686b96
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)
-
#20212e
#20212e
rgb(32,33,46)
-
#282939
#282939
rgb(40,41,57)
-
#303145
#303145
rgb(48,49,69)
-
#383950
#383950
rgb(56,57,80)
-
#40425c
#40425c
rgb(64,66,92)
-
#484a68
#484a68
rgb(72,74,104)
-
#505273
#505273
rgb(80,82,115)
-
#585a7f
#585a7f
rgb(88,90,127)
-
#60638a
#60638a
rgb(96,99,138)
-
#686b96
#686b96
rgb(104,107,150)
-
#73769e
#73769e
rgb(115,118,158)
-
#7f82a6
#7f82a6
rgb(127,130,166)
-
#8b8dae
#8b8dae
rgb(139,141,174)
-
#9698b6
#9698b6
rgb(150,152,182)
-
#a2a4be
#a2a4be
rgb(162,164,190)
-
#adafc6
#adafc6
rgb(173,175,198)
-
#b9bace
#b9bace
rgb(185,186,206)
-
#c4c6d6
#c4c6d6
rgb(196,198,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 #686b96
A tone is produced by adding gray to any pure hue. In this case, #7c7c82 is the less saturated color, while #0616f8 is the most saturated one.
-
#7c7c82
#7c7c82
rgb(124,124,130)
-
#72738c
#72738c
rgb(114,115,140)
-
#686b96
#686b96
rgb(104,107,150)
-
#5e63a0
#5e63a0
rgb(94,99,160)
-
#545aaa
#545aaa
rgb(84,90,170)
-
#4b52b3
#4b52b3
rgb(75,82,179)
-
#4149bd
#4149bd
rgb(65,73,189)
-
#3741c7
#3741c7
rgb(55,65,199)
-
#2d38d1
#2d38d1
rgb(45,56,209)
-
#2430da
#2430da
rgb(36,48,218)
-
#1a27e4
#1a27e4
rgb(26,39,228)
-
#101fee
#101fee
rgb(16,31,238)
-
#0616f8
#0616f8
rgb(6,22,248)
Color Blindness Simulator
Below, you can see how #686b96 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.