#686a7d Color Information
In a RGB color space, hex #686a7d is composed of 40.8% red, 41.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 15.2% magenta, 0% yellow and 51% black. It has a hue angle of 234.3 degrees, a saturation of 9.2% and a lightness of 44.9%. #686a7d color hex could be obtained by blending #d0d4fa with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 49
-
- C 17
- M 15
- Y 0
- K 51
● #686a7d color description : Dark grayish blue.
#686a7d Color Conversion
The hexadecimal color #686a7d has RGB values of R:104, G:106, B:125 and CMYK values of C:0.17, M:0.15, Y:0, K:0.51. Its decimal value is 6843005.
Hex triplet | 686a7d | #686a7d |
---|---|---|
RGB Decimal | 104, 106, 125 | rgb(104,106,125) |
RGB Percent | 40.8, 41.6, 49 | rgb(40.8%,41.6%,49%) |
CMYK | 17, 15, 0, 51 | |
HSL | 234.3°, 9.2, 44.9 | hsl(234.3,9.2%,44.9%) |
HSV (or HSB) | 234.3°, 16.8, 49 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.264, 3.486, -10.794 |
---|---|
XYZ | 14.564, 14.732, 21.477 |
xyY | 0.287, 0.29, 14.732 |
CIE-LCH | 45.264, 11.343, 287.9 |
CIE-LUV | 45.264, -2.139, -15.501 |
Hunter-Lab | 38.382, 0.563, -6.309 |
Binary | 01101000, 01101010, 01111101 |
Color Schemes with #686a7d
Alternatives to #686a7d
Below, you can see some colors close to #686a7d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a7d Preview
This text has a font color of #686a7d.
<span style="color:#686a7d;">Text here</span>
This paragraph has a background color of #686a7d.
<p style="background-color:#686a7d;">Content here</p>
This element has a border color of #686a7d.
<div style="border:1px solid #686a7d;">Content here</div>
.text {color:#686a7d;}
.background {background-color:#686a7d;}
.border {border:1px solid #686a7d;}
Shades and Tints of #686a7d
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, #060607 is the darkest color, while #fcfcfc is the lightest one.
-
#060607
#060607
rgb(6,6,7)
-
#0f0f12
#0f0f12
rgb(15,15,18)
-
#18181d
#18181d
rgb(24,24,29)
-
#212127
#212127
rgb(33,33,39)
-
#2a2a32
#2a2a32
rgb(42,42,50)
-
#33343d
#33343d
rgb(51,52,61)
-
#3b3d47
#3b3d47
rgb(59,61,71)
-
#444652
#444652
rgb(68,70,82)
-
#4d4f5d
#4d4f5d
rgb(77,79,93)
-
#565868
#565868
rgb(86,88,104)
-
#5f6172
#5f6172
rgb(95,97,114)
-
#686a7d
#686a7d
rgb(104,106,125)
-
#717388
#717388
rgb(113,115,136)
-
#7b7d91
#7b7d91
rgb(123,125,145)
-
#86889a
#86889a
rgb(134,136,154)
-
#9092a3
#9092a3
rgb(144,146,163)
-
#9b9dac
#9b9dac
rgb(155,157,172)
-
#a6a7b5
#a6a7b5
rgb(166,167,181)
-
#b1b2be
#b1b2be
rgb(177,178,190)
-
#bbbcc7
#bbbcc7
rgb(187,188,199)
-
#c6c7d0
#c6c7d0
rgb(198,199,208)
-
#d1d1d8
#d1d1d8
rgb(209,209,216)
-
#dbdce1
#dbdce1
rgb(219,220,225)
-
#e6e6ea
#e6e6ea
rgb(230,230,234)
-
#f1f1f3
#f1f1f3
rgb(241,241,243)
-
#fcfcfc
#fcfcfc
rgb(252,252,252)
Tones of #686a7d
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #071cde is the most saturated one.
-
#717174
#717174
rgb(113,113,116)
-
#686a7d
#686a7d
rgb(104,106,125)
-
#5f6386
#5f6386
rgb(95,99,134)
-
#565c8f
#565c8f
rgb(86,92,143)
-
#4e5597
#4e5597
rgb(78,85,151)
-
#454da0
#454da0
rgb(69,77,160)
-
#3c46a9
#3c46a9
rgb(60,70,169)
-
#333fb2
#333fb2
rgb(51,63,178)
-
#2a38bb
#2a38bb
rgb(42,56,187)
-
#2231c3
#2231c3
rgb(34,49,195)
-
#192acc
#192acc
rgb(25,42,204)
-
#1023d5
#1023d5
rgb(16,35,213)
-
#071cde
#071cde
rgb(7,28,222)
Color Blindness Simulator
Below, you can see how #686a7d 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.