#686a63 Color Information
In a RGB color space, hex #686a63 is composed of 40.8% red, 41.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 6.6% yellow and 58.4% black. It has a hue angle of 77.1 degrees, a saturation of 3.4% and a lightness of 40.2%. #686a63 color hex could be obtained by blending #d0d4c6 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 39
-
- C 2
- M 0
- Y 7
- K 58
● #686a63 color description : Very dark grayish green.
#686a63 Color Conversion
The hexadecimal color #686a63 has RGB values of R:104, G:106, B:99 and CMYK values of C:0.02, M:0, Y:0.07, K:0.58. Its decimal value is 6842979.
Hex triplet | 686a63 | #686a63 |
---|---|---|
RGB Decimal | 104, 106, 99 | rgb(104,106,99) |
RGB Percent | 40.8, 41.6, 38.8 | rgb(40.8%,41.6%,38.8%) |
CMYK | 2, 0, 7, 58 | |
HSL | 77.1°, 3.4, 40.2 | hsl(77.1,3.4%,40.2%) |
HSV (or HSB) | 77.1°, 6.6, 41.6 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.45, -2.19, 3.654 |
---|---|
XYZ | 13.115, 14.152, 13.844 |
xyY | 0.319, 0.344, 14.152 |
CIE-LCH | 44.45, 4.26, 120.936 |
CIE-LUV | 44.45, -0.758, 5.1 |
Hunter-Lab | 37.619, -3.605, 4.514 |
Binary | 01101000, 01101010, 01100011 |
Color Schemes with #686a63
Alternatives to #686a63
Below, you can see some colors close to #686a63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a63 Preview
This text has a font color of #686a63.
<span style="color:#686a63;">Text here</span>
This paragraph has a background color of #686a63.
<p style="background-color:#686a63;">Content here</p>
This element has a border color of #686a63.
<div style="border:1px solid #686a63;">Content here</div>
.text {color:#686a63;}
.background {background-color:#686a63;}
.border {border:1px solid #686a63;}
Shades and Tints of #686a63
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, #040504 is the darkest color, while #fafaf9 is the lightest one.
-
#040504
#040504
rgb(4,5,4)
-
#0e0f0e
#0e0f0e
rgb(14,15,14)
-
#181917
#181917
rgb(24,25,23)
-
#222321
#222321
rgb(34,35,33)
-
#2c2d2a
#2c2d2a
rgb(44,45,42)
-
#363734
#363734
rgb(54,55,52)
-
#40413d
#40413d
rgb(64,65,61)
-
#4a4c47
#4a4c47
rgb(74,76,71)
-
#545650
#545650
rgb(84,86,80)
-
#5e605a
#5e605a
rgb(94,96,90)
-
#686a63
#686a63
rgb(104,106,99)
-
#72746c
#72746c
rgb(114,116,108)
-
#7c7e76
#7c7e76
rgb(124,126,118)
-
#868880
#868880
rgb(134,136,128)
-
#8f928a
#8f928a
rgb(143,146,138)
-
#999b94
#999b94
rgb(153,155,148)
-
#a3a59e
#a3a59e
rgb(163,165,158)
-
#acaea8
#acaea8
rgb(172,174,168)
-
#b6b7b2
#b6b7b2
rgb(182,183,178)
-
#c0c1bd
#c0c1bd
rgb(192,193,189)
-
#c9cac7
#c9cac7
rgb(201,202,199)
-
#d3d4d1
#d3d4d1
rgb(211,212,209)
-
#dddddb
#dddddb
rgb(221,221,219)
-
#e6e7e5
#e6e7e5
rgb(230,231,229)
-
#f0f0ef
#f0f0ef
rgb(240,240,239)
-
#fafaf9
#fafaf9
rgb(250,250,249)
Tones of #686a63
A tone is produced by adding gray to any pure hue. In this case, #686a63 is the less saturated color, while #91c904 is the most saturated one.
-
#686a63
#686a63
rgb(104,106,99)
-
#6b725b
#6b725b
rgb(107,114,91)
-
#6f7a53
#6f7a53
rgb(111,122,83)
-
#72824b
#72824b
rgb(114,130,75)
-
#768a43
#768a43
rgb(118,138,67)
-
#79913c
#79913c
rgb(121,145,60)
-
#7c9934
#7c9934
rgb(124,153,52)
-
#80a12c
#80a12c
rgb(128,161,44)
-
#83a924
#83a924
rgb(131,169,36)
-
#86b11c
#86b11c
rgb(134,177,28)
-
#8ab914
#8ab914
rgb(138,185,20)
-
#8dc10c
#8dc10c
rgb(141,193,12)
-
#91c904
#91c904
rgb(145,201,4)
Color Blindness Simulator
Below, you can see how #686a63 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.