#686c7d Color Information
In a RGB color space, hex #686c7d is composed of 40.8% red, 42.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 13.6% magenta, 0% yellow and 51% black. It has a hue angle of 228.6 degrees, a saturation of 9.2% and a lightness of 44.9%. #686c7d color hex could be obtained by blending #d0d8fa with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 49
-
- C 17
- M 14
- Y 0
- K 51
● #686c7d color description : Dark grayish blue.
#686c7d Color Conversion
The hexadecimal color #686c7d has RGB values of R:104, G:108, B:125 and CMYK values of C:0.17, M:0.14, Y:0, K:0.51. Its decimal value is 6843517.
Hex triplet | 686c7d | #686c7d |
---|---|---|
RGB Decimal | 104, 108, 125 | rgb(104,108,125) |
RGB Percent | 40.8, 42.4, 49 | rgb(40.8%,42.4%,49%) |
CMYK | 17, 14, 0, 51 | |
HSL | 228.6°, 9.2, 44.9 | hsl(228.6,9.2%,44.9%) |
HSV (or HSB) | 228.6°, 16.8, 49 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.837, 2.288, -9.932 |
---|---|
XYZ | 14.772, 15.149, 21.547 |
xyY | 0.287, 0.294, 15.149 |
CIE-LCH | 45.837, 10.192, 282.975 |
CIE-LUV | 45.837, -3.063, -14.135 |
Hunter-Lab | 38.921, -0.363, -5.578 |
Binary | 01101000, 01101100, 01111101 |
Color Schemes with #686c7d
Alternatives to #686c7d
Below, you can see some colors close to #686c7d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686c7d Preview
This text has a font color of #686c7d.
<span style="color:#686c7d;">Text here</span>
This paragraph has a background color of #686c7d.
<p style="background-color:#686c7d;">Content here</p>
This element has a border color of #686c7d.
<div style="border:1px solid #686c7d;">Content here</div>
.text {color:#686c7d;}
.background {background-color:#686c7d;}
.border {border:1px solid #686c7d;}
Shades and Tints of #686c7d
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)
-
#18191d
#18191d
rgb(24,25,29)
-
#212227
#212227
rgb(33,34,39)
-
#2a2b32
#2a2b32
rgb(42,43,50)
-
#33343d
#33343d
rgb(51,52,61)
-
#3b3e47
#3b3e47
rgb(59,62,71)
-
#444752
#444752
rgb(68,71,82)
-
#4d505d
#4d505d
rgb(77,80,93)
-
#565968
#565968
rgb(86,89,104)
-
#5f6372
#5f6372
rgb(95,99,114)
-
#686c7d
#686c7d
rgb(104,108,125)
-
#717588
#717588
rgb(113,117,136)
-
#7b7f91
#7b7f91
rgb(123,127,145)
-
#868a9a
#868a9a
rgb(134,138,154)
-
#9094a3
#9094a3
rgb(144,148,163)
-
#9b9eac
#9b9eac
rgb(155,158,172)
-
#a6a9b5
#a6a9b5
rgb(166,169,181)
-
#b1b3be
#b1b3be
rgb(177,179,190)
-
#bbbdc7
#bbbdc7
rgb(187,189,199)
-
#c6c8d0
#c6c8d0
rgb(198,200,208)
-
#d1d2d8
#d1d2d8
rgb(209,210,216)
-
#dbdde1
#dbdde1
rgb(219,221,225)
-
#e6e7ea
#e6e7ea
rgb(230,231,234)
-
#f1f1f3
#f1f1f3
rgb(241,241,243)
-
#fcfcfc
#fcfcfc
rgb(252,252,252)
Tones of #686c7d
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #0730de is the most saturated one.
-
#717174
#717174
rgb(113,113,116)
-
#686c7d
#686c7d
rgb(104,108,125)
-
#5f6786
#5f6786
rgb(95,103,134)
-
#56618f
#56618f
rgb(86,97,143)
-
#4e5c97
#4e5c97
rgb(78,92,151)
-
#4556a0
#4556a0
rgb(69,86,160)
-
#3c51a9
#3c51a9
rgb(60,81,169)
-
#334bb2
#334bb2
rgb(51,75,178)
-
#2a46bb
#2a46bb
rgb(42,70,187)
-
#2240c3
#2240c3
rgb(34,64,195)
-
#193bcc
#193bcc
rgb(25,59,204)
-
#1035d5
#1035d5
rgb(16,53,213)
-
#0730de
#0730de
rgb(7,48,222)
Color Blindness Simulator
Below, you can see how #686c7d 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.