#686a57 Color Information
In a RGB color space, hex #686a57 is composed of 40.8% red, 41.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 17.9% yellow and 58.4% black. It has a hue angle of 66.3 degrees, a saturation of 9.8% and a lightness of 37.8%. #686a57 color hex could be obtained by blending #d0d4ae with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 34
-
- C 2
- M 0
- Y 18
- K 58
● #686a57 color description : Very dark grayish yellow.
#686a57 Color Conversion
The hexadecimal color #686a57 has RGB values of R:104, G:106, B:87 and CMYK values of C:0.02, M:0, Y:0.18, K:0.58. Its decimal value is 6842967.
Hex triplet | 686a57 | #686a57 |
---|---|---|
RGB Decimal | 104, 106, 87 | rgb(104,106,87) |
RGB Percent | 40.8, 41.6, 34.1 | rgb(40.8%,41.6%,34.1%) |
CMYK | 2, 0, 18, 58 | |
HSL | 66.3°, 9.8, 37.8 | hsl(66.3,9.8%,37.8%) |
HSV (or HSB) | 66.3°, 17.9, 41.6 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.146, -4.418, 10.427 |
---|---|
XYZ | 12.583, 13.939, 11.044 |
xyY | 0.335, 0.371, 13.939 |
CIE-LCH | 44.146, 11.325, 112.964 |
CIE-LUV | 44.146, -0.177, 13.783 |
Hunter-Lab | 37.335, -5.178, 8.596 |
Binary | 01101000, 01101010, 01010111 |
Color Schemes with #686a57
Alternatives to #686a57
Below, you can see some colors close to #686a57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a57 Preview
This text has a font color of #686a57.
<span style="color:#686a57;">Text here</span>
This paragraph has a background color of #686a57.
<p style="background-color:#686a57;">Content here</p>
This element has a border color of #686a57.
<div style="border:1px solid #686a57;">Content here</div>
.text {color:#686a57;}
.background {background-color:#686a57;}
.border {border:1px solid #686a57;}
Shades and Tints of #686a57
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, #090907 is the darkest color, while #fefefd is the lightest one.
-
#090907
#090907
rgb(9,9,7)
-
#131410
#131410
rgb(19,20,16)
-
#1e1f19
#1e1f19
rgb(30,31,25)
-
#292922
#292922
rgb(41,41,34)
-
#33342b
#33342b
rgb(51,52,43)
-
#3e3f34
#3e3f34
rgb(62,63,52)
-
#484a3c
#484a3c
rgb(72,74,60)
-
#535445
#535445
rgb(83,84,69)
-
#5d5f4e
#5d5f4e
rgb(93,95,78)
-
#686a57
#686a57
rgb(104,106,87)
-
#737560
#737560
rgb(115,117,96)
-
#7d8069
#7d8069
rgb(125,128,105)
-
#888a72
#888a72
rgb(136,138,114)
-
#91937c
#91937c
rgb(145,147,124)
-
#9a9c87
#9a9c87
rgb(154,156,135)
-
#a3a592
#a3a592
rgb(163,165,146)
-
#acae9c
#acae9c
rgb(172,174,156)
-
#b5b7a7
#b5b7a7
rgb(181,183,167)
-
#bec0b2
#bec0b2
rgb(190,192,178)
-
#c7c9bd
#c7c9bd
rgb(199,201,189)
-
#d0d1c7
#d0d1c7
rgb(208,209,199)
-
#d9dad2
#d9dad2
rgb(217,218,210)
-
#e2e3dd
#e2e3dd
rgb(226,227,221)
-
#ebece8
#ebece8
rgb(235,236,232)
-
#f5f5f2
#f5f5f2
rgb(245,245,242)
-
#fefefd
#fefefd
rgb(254,254,253)
Tones of #686a57
A tone is produced by adding gray to any pure hue. In this case, #62635e is the less saturated color, while #a8bc05 is the most saturated one.
-
#62635e
#62635e
rgb(98,99,94)
-
#686a57
#686a57
rgb(104,106,87)
-
#6e7150
#6e7150
rgb(110,113,80)
-
#747948
#747948
rgb(116,121,72)
-
#7a8041
#7a8041
rgb(122,128,65)
-
#7f8839
#7f8839
rgb(127,136,57)
-
#858f32
#858f32
rgb(133,143,50)
-
#8b972a
#8b972a
rgb(139,151,42)
-
#919e23
#919e23
rgb(145,158,35)
-
#97a51c
#97a51c
rgb(151,165,28)
-
#9dad14
#9dad14
rgb(157,173,20)
-
#a3b40d
#a3b40d
rgb(163,180,13)
-
#a8bc05
#a8bc05
rgb(168,188,5)
Color Blindness Simulator
Below, you can see how #686a57 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.