#686c54 Color Information
In a RGB color space, hex #686c54 is composed of 40.8% red, 42.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 22.2% yellow and 57.6% black. It has a hue angle of 70 degrees, a saturation of 12.5% and a lightness of 37.6%. #686c54 color hex could be obtained by blending #d0d8a8 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 33
-
- C 4
- M 0
- Y 22
- K 58
● #686c54 color description : Very dark grayish yellow.
#686c54 Color Conversion
The hexadecimal color #686c54 has RGB values of R:104, G:108, B:84 and CMYK values of C:0.04, M:0, Y:0.22, K:0.58. Its decimal value is 6843476.
Hex triplet | 686c54 | #686c54 |
---|---|---|
RGB Decimal | 104, 108, 84 | rgb(104,108,84) |
RGB Percent | 40.8, 42.4, 32.9 | rgb(40.8%,42.4%,32.9%) |
CMYK | 4, 0, 22, 58 | |
HSL | 70°, 12.5, 37.6 | hsl(70,12.5%,37.6%) |
HSV (or HSB) | 70°, 22.2, 42.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.672, -6.09, 12.946 |
---|---|
XYZ | 12.671, 14.308, 10.481 |
xyY | 0.338, 0.382, 14.308 |
CIE-LCH | 44.672, 14.307, 115.194 |
CIE-LUV | 44.672, -1.13, 17.052 |
Hunter-Lab | 37.826, -6.4, 10.05 |
Binary | 01101000, 01101100, 01010100 |
Color Schemes with #686c54
Alternatives to #686c54
Below, you can see some colors close to #686c54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686c54 Preview
This text has a font color of #686c54.
<span style="color:#686c54;">Text here</span>
This paragraph has a background color of #686c54.
<p style="background-color:#686c54;">Content here</p>
This element has a border color of #686c54.
<div style="border:1px solid #686c54;">Content here</div>
.text {color:#686c54;}
.background {background-color:#686c54;}
.border {border:1px solid #686c54;}
Shades and Tints of #686c54
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)
-
#13140f
#13140f
rgb(19,20,15)
-
#1e1f18
#1e1f18
rgb(30,31,24)
-
#282a21
#282a21
rgb(40,42,33)
-
#333529
#333529
rgb(51,53,41)
-
#3e4032
#3e4032
rgb(62,64,50)
-
#484b3a
#484b3a
rgb(72,75,58)
-
#535643
#535643
rgb(83,86,67)
-
#5d614b
#5d614b
rgb(93,97,75)
-
#686c54
#686c54
rgb(104,108,84)
-
#73775d
#73775d
rgb(115,119,93)
-
#7d8265
#7d8265
rgb(125,130,101)
-
#888d6e
#888d6e
rgb(136,141,110)
-
#919678
#919678
rgb(145,150,120)
-
#9a9f83
#9a9f83
rgb(154,159,131)
-
#a3a78e
#a3a78e
rgb(163,167,142)
-
#acb099
#acb099
rgb(172,176,153)
-
#b5b9a4
#b5b9a4
rgb(181,185,164)
-
#bec1af
#bec1af
rgb(190,193,175)
-
#c7caba
#c7caba
rgb(199,202,186)
-
#d0d2c5
#d0d2c5
rgb(208,210,197)
-
#d9dbd1
#d9dbd1
rgb(217,219,209)
-
#e2e3dc
#e2e3dc
rgb(226,227,220)
-
#ebece7
#ebece7
rgb(235,236,231)
-
#f4f5f2
#f4f5f2
rgb(244,245,242)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #686c54
A tone is produced by adding gray to any pure hue. In this case, #63655b is the less saturated color, while #9ebd03 is the most saturated one.
-
#63655b
#63655b
rgb(99,101,91)
-
#686c54
#686c54
rgb(104,108,84)
-
#6d734d
#6d734d
rgb(109,115,77)
-
#727b45
#727b45
rgb(114,123,69)
-
#77823e
#77823e
rgb(119,130,62)
-
#7c8a36
#7c8a36
rgb(124,138,54)
-
#81912f
#81912f
rgb(129,145,47)
-
#869828
#869828
rgb(134,152,40)
-
#8aa020
#8aa020
rgb(138,160,32)
-
#8fa719
#8fa719
rgb(143,167,25)
-
#94ae12
#94ae12
rgb(148,174,18)
-
#99b60a
#99b60a
rgb(153,182,10)
-
#9ebd03
#9ebd03
rgb(158,189,3)
Color Blindness Simulator
Below, you can see how #686c54 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.