#686a7f Color Information
In a RGB color space, hex #686a7f is composed of 40.8% red, 41.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 16.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 234.8 degrees, a saturation of 10% and a lightness of 45.3%. #686a7f color hex could be obtained by blending #d0d4fe with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 50
-
- C 18
- M 17
- Y 0
- K 50
● #686a7f color description : Dark grayish blue.
#686a7f Color Conversion
The hexadecimal color #686a7f has RGB values of R:104, G:106, B:127 and CMYK values of C:0.18, M:0.17, Y:0, K:0.5. Its decimal value is 6843007.
Hex triplet | 686a7f | #686a7f |
---|---|---|
RGB Decimal | 104, 106, 127 | rgb(104,106,127) |
RGB Percent | 40.8, 41.6, 49.8 | rgb(40.8%,41.6%,49.8%) |
CMYK | 18, 17, 0, 50 | |
HSL | 234.8°, 10, 45.3 | hsl(234.8,10%,45.3%) |
HSV (or HSB) | 234.8°, 18.1, 49.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.336, 3.966, -11.886 |
---|---|
XYZ | 14.693, 14.783, 22.157 |
xyY | 0.285, 0.286, 14.783 |
CIE-LCH | 45.336, 12.53, 288.453 |
CIE-LUV | 45.336, -2.25, -17.152 |
Hunter-Lab | 38.449, 0.926, -7.252 |
Binary | 01101000, 01101010, 01111111 |
Color Schemes with #686a7f
Alternatives to #686a7f
Below, you can see some colors close to #686a7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a7f Preview
This text has a font color of #686a7f.
<span style="color:#686a7f;">Text here</span>
This paragraph has a background color of #686a7f.
<p style="background-color:#686a7f;">Content here</p>
This element has a border color of #686a7f.
<div style="border:1px solid #686a7f;">Content here</div>
.text {color:#686a7f;}
.background {background-color:#686a7f;}
.border {border:1px solid #686a7f;}
Shades and Tints of #686a7f
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, #070708 is the darkest color, while #fdfdfd is the lightest one.
-
#070708
#070708
rgb(7,7,8)
-
#101013
#101013
rgb(16,16,19)
-
#19191e
#19191e
rgb(25,25,30)
-
#212229
#212229
rgb(33,34,41)
-
#2a2b34
#2a2b34
rgb(42,43,52)
-
#33343e
#33343e
rgb(51,52,62)
-
#3c3d49
#3c3d49
rgb(60,61,73)
-
#454654
#454654
rgb(69,70,84)
-
#4e4f5f
#4e4f5f
rgb(78,79,95)
-
#565869
#565869
rgb(86,88,105)
-
#5f6174
#5f6174
rgb(95,97,116)
-
#686a7f
#686a7f
rgb(104,106,127)
-
#71738a
#71738a
rgb(113,115,138)
-
#7b7d93
#7b7d93
rgb(123,125,147)
-
#86889c
#86889c
rgb(134,136,156)
-
#9192a5
#9192a5
rgb(145,146,165)
-
#9c9dae
#9c9dae
rgb(156,157,174)
-
#a6a8b6
#a6a8b6
rgb(166,168,182)
-
#b1b2bf
#b1b2bf
rgb(177,178,191)
-
#bcbdc8
#bcbdc8
rgb(188,189,200)
-
#c7c8d1
#c7c8d1
rgb(199,200,209)
-
#d1d2da
#d1d2da
rgb(209,210,218)
-
#dcdde3
#dcdde3
rgb(220,221,227)
-
#e7e7eb
#e7e7eb
rgb(231,231,235)
-
#f2f2f4
#f2f2f4
rgb(242,242,244)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #686a7f
A tone is produced by adding gray to any pure hue. In this case, #717176 is the less saturated color, while #0619e1 is the most saturated one.
-
#717176
#717176
rgb(113,113,118)
-
#686a7f
#686a7f
rgb(104,106,127)
-
#5f6388
#5f6388
rgb(95,99,136)
-
#565b91
#565b91
rgb(86,91,145)
-
#4d549a
#4d549a
rgb(77,84,154)
-
#444da3
#444da3
rgb(68,77,163)
-
#3c45ab
#3c45ab
rgb(60,69,171)
-
#333eb4
#333eb4
rgb(51,62,180)
-
#2a37bd
#2a37bd
rgb(42,55,189)
-
#212fc6
#212fc6
rgb(33,47,198)
-
#1828cf
#1828cf
rgb(24,40,207)
-
#0f21d8
#0f21d8
rgb(15,33,216)
-
#0619e1
#0619e1
rgb(6,25,225)
Color Blindness Simulator
Below, you can see how #686a7f 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.