#686d96 Color Information
In a RGB color space, hex #686d96 is composed of 40.8% red, 42.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 27.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 233.5 degrees, a saturation of 18.1% and a lightness of 49.8%. #686d96 color hex could be obtained by blending #d0daff with #00002d. Closest websafe color is: #666699.
-
- R 41
- G 43
- B 59
-
- C 31
- M 27
- Y 0
- K 41
● #686d96 color description : Mostly desaturated dark blue.
#686d96 Color Conversion
The hexadecimal color #686d96 has RGB values of R:104, G:109, B:150 and CMYK values of C:0.31, M:0.27, Y:0, K:0.41. Its decimal value is 6843798.
Hex triplet | 686d96 | #686d96 |
---|---|---|
RGB Decimal | 104, 109, 150 | rgb(104,109,150) |
RGB Percent | 40.8, 42.7, 58.8 | rgb(40.8%,42.7%,58.8%) |
CMYK | 31, 27, 0, 41 | |
HSL | 233.5°, 18.1, 49.8 | hsl(233.5,18.1%,49.8%) |
HSV (or HSB) | 233.5°, 30.7, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.082, 8.038, -22.92 |
---|---|
XYZ | 16.681, 16.082, 31.078 |
xyY | 0.261, 0.252, 16.082 |
CIE-LCH | 47.082, 24.289, 289.325 |
CIE-LUV | 47.082, -4.784, -34.366 |
Hunter-Lab | 40.102, 4.072, -17.876 |
Binary | 01101000, 01101101, 10010110 |
Color Schemes with #686d96
Alternatives to #686d96
Below, you can see some colors close to #686d96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686d96 Preview
This text has a font color of #686d96.
<span style="color:#686d96;">Text here</span>
This paragraph has a background color of #686d96.
<p style="background-color:#686d96;">Content here</p>
This element has a border color of #686d96.
<div style="border:1px solid #686d96;">Content here</div>
.text {color:#686d96;}
.background {background-color:#686d96;}
.border {border:1px solid #686d96;}
Shades and Tints of #686d96
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)
-
#181922
#181922
rgb(24,25,34)
-
#20212e
#20212e
rgb(32,33,46)
-
#282a39
#282a39
rgb(40,42,57)
-
#303245
#303245
rgb(48,50,69)
-
#383a50
#383a50
rgb(56,58,80)
-
#40435c
#40435c
rgb(64,67,92)
-
#484b68
#484b68
rgb(72,75,104)
-
#505473
#505473
rgb(80,84,115)
-
#585c7f
#585c7f
rgb(88,92,127)
-
#60658a
#60658a
rgb(96,101,138)
-
#686d96
#686d96
rgb(104,109,150)
-
#73789e
#73789e
rgb(115,120,158)
-
#7f83a6
#7f83a6
rgb(127,131,166)
-
#8b8eae
#8b8eae
rgb(139,142,174)
-
#969ab6
#969ab6
rgb(150,154,182)
-
#a2a5be
#a2a5be
rgb(162,165,190)
-
#adb0c6
#adb0c6
rgb(173,176,198)
-
#b9bbce
#b9bbce
rgb(185,187,206)
-
#c4c6d6
#c4c6d6
rgb(196,198,214)
-
#d0d2de
#d0d2de
rgb(208,210,222)
-
#dcdde6
#dcdde6
rgb(220,221,230)
-
#e7e8ef
#e7e8ef
rgb(231,232,239)
-
#f3f3f7
#f3f3f7
rgb(243,243,247)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #686d96
A tone is produced by adding gray to any pure hue. In this case, #7c7c82 is the less saturated color, while #0621f8 is the most saturated one.
-
#7c7c82
#7c7c82
rgb(124,124,130)
-
#72758c
#72758c
rgb(114,117,140)
-
#686d96
#686d96
rgb(104,109,150)
-
#5e65a0
#5e65a0
rgb(94,101,160)
-
#545eaa
#545eaa
rgb(84,94,170)
-
#4b56b3
#4b56b3
rgb(75,86,179)
-
#414ebd
#414ebd
rgb(65,78,189)
-
#3747c7
#3747c7
rgb(55,71,199)
-
#2d3fd1
#2d3fd1
rgb(45,63,209)
-
#2437da
#2437da
rgb(36,55,218)
-
#1a30e4
#1a30e4
rgb(26,48,228)
-
#1028ee
#1028ee
rgb(16,40,238)
-
#0621f8
#0621f8
rgb(6,33,248)
Color Blindness Simulator
Below, you can see how #686d96 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.