#686f54 Color Information
In a RGB color space, hex #686f54 is composed of 40.8% red, 43.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 24.3% yellow and 56.5% black. It has a hue angle of 75.6 degrees, a saturation of 13.8% and a lightness of 38.2%. #686f54 color hex could be obtained by blending #d0dea8 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 44
- B 33
-
- C 6
- M 0
- Y 24
- K 56
● #686f54 color description : Very dark grayish green.
#686f54 Color Conversion
The hexadecimal color #686f54 has RGB values of R:104, G:111, B:84 and CMYK values of C:0.06, M:0, Y:0.24, K:0.56. Its decimal value is 6844244.
Hex triplet | 686f54 | #686f54 |
---|---|---|
RGB Decimal | 104, 111, 84 | rgb(104,111,84) |
RGB Percent | 40.8, 43.5, 32.9 | rgb(40.8%,43.5%,32.9%) |
CMYK | 6, 0, 24, 56 | |
HSL | 75.6°, 13.8, 38.2 | hsl(75.6,13.8%,38.2%) |
HSV (or HSB) | 75.6°, 24.3, 43.5 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.568, -7.81, 14.18 |
---|---|
XYZ | 12.993, 14.952, 10.589 |
xyY | 0.337, 0.388, 14.952 |
CIE-LCH | 45.568, 16.189, 118.845 |
CIE-LUV | 45.568, -2.76, 18.864 |
Hunter-Lab | 38.668, -7.689, 10.832 |
Binary | 01101000, 01101111, 01010100 |
Color Schemes with #686f54
Alternatives to #686f54
Below, you can see some colors close to #686f54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f54 Preview
This text has a font color of #686f54.
<span style="color:#686f54;">Text here</span>
This paragraph has a background color of #686f54.
<p style="background-color:#686f54;">Content here</p>
This element has a border color of #686f54.
<div style="border:1px solid #686f54;">Content here</div>
.text {color:#686f54;}
.background {background-color:#686f54;}
.border {border:1px solid #686f54;}
Shades and Tints of #686f54
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, #0a0b08 is the darkest color, while #fefffe is the lightest one.
-
#0a0b08
#0a0b08
rgb(10,11,8)
-
#141610
#141610
rgb(20,22,16)
-
#1f2119
#1f2119
rgb(31,33,25)
-
#292c21
#292c21
rgb(41,44,33)
-
#34372a
#34372a
rgb(52,55,42)
-
#3e4232
#3e4232
rgb(62,66,50)
-
#494e3b
#494e3b
rgb(73,78,59)
-
#535943
#535943
rgb(83,89,67)
-
#5e644c
#5e644c
rgb(94,100,76)
-
#686f54
#686f54
rgb(104,111,84)
-
#727a5c
#727a5c
rgb(114,122,92)
-
#7d8565
#7d8565
rgb(125,133,101)
-
#87906d
#87906d
rgb(135,144,109)
-
#919978
#919978
rgb(145,153,120)
-
#9aa284
#9aa284
rgb(154,162,132)
-
#a3aa8f
#a3aa8f
rgb(163,170,143)
-
#acb29a
#acb29a
rgb(172,178,154)
-
#b5bba5
#b5bba5
rgb(181,187,165)
-
#bec3b0
#bec3b0
rgb(190,195,176)
-
#c8ccbb
#c8ccbb
rgb(200,204,187)
-
#d1d4c7
#d1d4c7
rgb(209,212,199)
-
#daddd2
#daddd2
rgb(218,221,210)
-
#e3e5dd
#e3e5dd
rgb(227,229,221)
-
#eceee8
#eceee8
rgb(236,238,232)
-
#f5f6f3
#f5f6f3
rgb(245,246,243)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #686f54
A tone is produced by adding gray to any pure hue. In this case, #64685c is the less saturated color, while #90c201 is the most saturated one.
-
#64685c
#64685c
rgb(100,104,92)
-
#686f54
#686f54
rgb(104,111,84)
-
#6c774d
#6c774d
rgb(108,119,77)
-
#6f7e45
#6f7e45
rgb(111,126,69)
-
#73863e
#73863e
rgb(115,134,62)
-
#768d36
#768d36
rgb(118,141,54)
-
#7a952f
#7a952f
rgb(122,149,47)
-
#7e9c27
#7e9c27
rgb(126,156,39)
-
#81a420
#81a420
rgb(129,164,32)
-
#85ab18
#85ab18
rgb(133,171,24)
-
#89b311
#89b311
rgb(137,179,17)
-
#8cba09
#8cba09
rgb(140,186,9)
-
#90c201
#90c201
rgb(144,194,1)
Color Blindness Simulator
Below, you can see how #686f54 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.