#686a56 Color Information
In a RGB color space, hex #686a56 is composed of 40.8% red, 41.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 18.9% yellow and 58.4% black. It has a hue angle of 66 degrees, a saturation of 10.4% and a lightness of 37.6%. #686a56 color hex could be obtained by blending #d0d4ac with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 34
-
- C 2
- M 0
- Y 19
- K 58
● #686a56 color description : Very dark grayish yellow.
#686a56 Color Conversion
The hexadecimal color #686a56 has RGB values of R:104, G:106, B:86 and CMYK values of C:0.02, M:0, Y:0.19, K:0.58. Its decimal value is 6842966.
Hex triplet | 686a56 | #686a56 |
---|---|---|
RGB Decimal | 104, 106, 86 | rgb(104,106,86) |
RGB Percent | 40.8, 41.6, 33.7 | rgb(40.8%,41.6%,33.7%) |
CMYK | 2, 0, 19, 58 | |
HSL | 66°, 10.4, 37.6 | hsl(66,10.4%,37.6%) |
HSV (or HSB) | 66°, 18.9, 41.6 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.122, -4.592, 10.993 |
---|---|
XYZ | 12.542, 13.923, 10.83 |
xyY | 0.336, 0.373, 13.923 |
CIE-LCH | 44.122, 11.913, 112.672 |
CIE-LUV | 44.122, -0.131, 14.475 |
Hunter-Lab | 37.314, -5.299, 8.911 |
Binary | 01101000, 01101010, 01010110 |
Color Schemes with #686a56
Alternatives to #686a56
Below, you can see some colors close to #686a56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a56 Preview
This text has a font color of #686a56.
<span style="color:#686a56;">Text here</span>
This paragraph has a background color of #686a56.
<p style="background-color:#686a56;">Content here</p>
This element has a border color of #686a56.
<div style="border:1px solid #686a56;">Content here</div>
.text {color:#686a56;}
.background {background-color:#686a56;}
.border {border:1px solid #686a56;}
Shades and Tints of #686a56
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, #080907 is the darkest color, while #fdfdfd is the lightest one.
-
#080907
#080907
rgb(8,9,7)
-
#131310
#131310
rgb(19,19,16)
-
#1e1e18
#1e1e18
rgb(30,30,24)
-
#282921
#282921
rgb(40,41,33)
-
#33342a
#33342a
rgb(51,52,42)
-
#3e3f33
#3e3f33
rgb(62,63,51)
-
#484a3c
#484a3c
rgb(72,74,60)
-
#535444
#535444
rgb(83,84,68)
-
#5d5f4d
#5d5f4d
rgb(93,95,77)
-
#686a56
#686a56
rgb(104,106,86)
-
#73755f
#73755f
rgb(115,117,95)
-
#7d8068
#7d8068
rgb(125,128,104)
-
#888a70
#888a70
rgb(136,138,112)
-
#91947b
#91947b
rgb(145,148,123)
-
#9a9c86
#9a9c86
rgb(154,156,134)
-
#a3a590
#a3a590
rgb(163,165,144)
-
#acae9b
#acae9b
rgb(172,174,155)
-
#b5b7a6
#b5b7a6
rgb(181,183,166)
-
#bec0b1
#bec0b1
rgb(190,192,177)
-
#c7c8bc
#c7c8bc
rgb(199,200,188)
-
#d0d1c7
#d0d1c7
rgb(208,209,199)
-
#d9dad1
#d9dad1
rgb(217,218,209)
-
#e2e3dc
#e2e3dc
rgb(226,227,220)
-
#ebece7
#ebece7
rgb(235,236,231)
-
#f4f4f2
#f4f4f2
rgb(244,244,242)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #686a56
A tone is produced by adding gray to any pure hue. In this case, #62635d is the less saturated color, while #a9bb05 is the most saturated one.
-
#62635d
#62635d
rgb(98,99,93)
-
#686a56
#686a56
rgb(104,106,86)
-
#6e714f
#6e714f
rgb(110,113,79)
-
#747947
#747947
rgb(116,121,71)
-
#7a8040
#7a8040
rgb(122,128,64)
-
#808838
#808838
rgb(128,136,56)
-
#868f31
#868f31
rgb(134,143,49)
-
#8b962a
#8b962a
rgb(139,150,42)
-
#919e22
#919e22
rgb(145,158,34)
-
#97a51b
#97a51b
rgb(151,165,27)
-
#9dac14
#9dac14
rgb(157,172,20)
-
#a3b40c
#a3b40c
rgb(163,180,12)
-
#a9bb05
#a9bb05
rgb(169,187,5)
Color Blindness Simulator
Below, you can see how #686a56 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.