#686a8f Color Information
In a RGB color space, hex #686a8f is composed of 40.8% red, 41.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 25.9% magenta, 0% yellow and 43.9% black. It has a hue angle of 236.9 degrees, a saturation of 15.8% and a lightness of 48.4%. #686a8f color hex could be obtained by blending #d0d4ff with #00001f. Closest websafe color is: #666699.
-
- R 41
- G 42
- B 56
-
- C 27
- M 26
- Y 0
- K 44
● #686a8f color description : Mostly desaturated dark blue.
#686a8f Color Conversion
The hexadecimal color #686a8f has RGB values of R:104, G:106, B:143 and CMYK values of C:0.27, M:0.26, Y:0, K:0.44. Its decimal value is 6843023.
Hex triplet | 686a8f | #686a8f |
---|---|---|
RGB Decimal | 104, 106, 143 | rgb(104,106,143) |
RGB Percent | 40.8, 41.6, 56.1 | rgb(40.8%,41.6%,56.1%) |
CMYK | 27, 26, 0, 44 | |
HSL | 236.9°, 15.8, 48.4 | hsl(236.9,15.8%,48.4%) |
HSV (or HSB) | 236.9°, 27.3, 56.1 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 45.953, 7.998, -20.507 |
---|---|
XYZ | 15.82, 15.234, 28.092 |
xyY | 0.267, 0.258, 15.234 |
CIE-LCH | 45.953, 22.011, 291.307 |
CIE-LUV | 45.953, -3.149, -30.527 |
Hunter-Lab | 39.031, 4.045, -15.352 |
Binary | 01101000, 01101010, 10001111 |
Color Schemes with #686a8f
Alternatives to #686a8f
Below, you can see some colors close to #686a8f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a8f Preview
This text has a font color of #686a8f.
<span style="color:#686a8f;">Text here</span>
This paragraph has a background color of #686a8f.
<p style="background-color:#686a8f;">Content here</p>
This element has a border color of #686a8f.
<div style="border:1px solid #686a8f;">Content here</div>
.text {color:#686a8f;}
.background {background-color:#686a8f;}
.border {border:1px solid #686a8f;}
Shades and Tints of #686a8f
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, #050507 is the darkest color, while #fafafc is the lightest one.
-
#050507
#050507
rgb(5,5,7)
-
#0d0d12
#0d0d12
rgb(13,13,18)
-
#15161d
#15161d
rgb(21,22,29)
-
#1e1e29
#1e1e29
rgb(30,30,41)
-
#262734
#262734
rgb(38,39,52)
-
#2e2f40
#2e2f40
rgb(46,47,64)
-
#36374b
#36374b
rgb(54,55,75)
-
#3f4056
#3f4056
rgb(63,64,86)
-
#474862
#474862
rgb(71,72,98)
-
#4f516d
#4f516d
rgb(79,81,109)
-
#575978
#575978
rgb(87,89,120)
-
#606284
#606284
rgb(96,98,132)
-
#686a8f
#686a8f
rgb(104,106,143)
-
#727499
#727499
rgb(114,116,153)
-
#7d7fa1
#7d7fa1
rgb(125,127,161)
-
#898aa9
#898aa9
rgb(137,138,169)
-
#9496b1
#9496b1
rgb(148,150,177)
-
#a0a1ba
#a0a1ba
rgb(160,161,186)
-
#abacc2
#abacc2
rgb(171,172,194)
-
#b6b7ca
#b6b7ca
rgb(182,183,202)
-
#c2c2d2
#c2c2d2
rgb(194,194,210)
-
#cdcedb
#cdcedb
rgb(205,206,219)
-
#d8d9e3
#d8d9e3
rgb(216,217,227)
-
#e4e4eb
#e4e4eb
rgb(228,228,235)
-
#efeff3
#efeff3
rgb(239,239,243)
-
#fafafc
#fafafc
rgb(250,250,252)
Tones of #686a8f
A tone is produced by adding gray to any pure hue. In this case, #7b7b7c is the less saturated color, while #0915ee is the most saturated one.
-
#7b7b7c
#7b7b7c
rgb(123,123,124)
-
#727386
#727386
rgb(114,115,134)
-
#686a8f
#686a8f
rgb(104,106,143)
-
#5f6199
#5f6199
rgb(95,97,153)
-
#5559a2
#5559a2
rgb(85,89,162)
-
#4c50ac
#4c50ac
rgb(76,80,172)
-
#4248b5
#4248b5
rgb(66,72,181)
-
#393fbf
#393fbf
rgb(57,63,191)
-
#2f37c8
#2f37c8
rgb(47,55,200)
-
#262ed2
#262ed2
rgb(38,46,210)
-
#1c26db
#1c26db
rgb(28,38,219)
-
#131de5
#131de5
rgb(19,29,229)
-
#0915ee
#0915ee
rgb(9,21,238)
Color Blindness Simulator
Below, you can see how #686a8f 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.