#686c63 Color Information
In a RGB color space, hex #686c63 is composed of 40.8% red, 42.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 8.3% yellow and 57.6% black. It has a hue angle of 86.7 degrees, a saturation of 4.3% and a lightness of 40.6%. #686c63 color hex could be obtained by blending #d0d8c6 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 42
- B 39
-
- C 4
- M 0
- Y 8
- K 58
● #686c63 color description : Very dark grayish green.
#686c63 Color Conversion
The hexadecimal color #686c63 has RGB values of R:104, G:108, B:99 and CMYK values of C:0.04, M:0, Y:0.08, K:0.58. Its decimal value is 6843491.
Hex triplet | 686c63 | #686c63 |
---|---|---|
RGB Decimal | 104, 108, 99 | rgb(104,108,99) |
RGB Percent | 40.8, 42.4, 38.8 | rgb(40.8%,42.4%,38.8%) |
CMYK | 4, 0, 8, 58 | |
HSL | 86.7°, 4.3, 40.6 | hsl(86.7,4.3%,40.6%) |
HSV (or HSB) | 86.7°, 8.3, 42.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 45.038, -3.363, 4.5 |
---|---|
XYZ | 13.323, 14.569, 13.914 |
xyY | 0.319, 0.348, 14.569 |
CIE-LCH | 45.038, 5.618, 126.769 |
CIE-LUV | 45.038, -1.789, 6.386 |
Hunter-Lab | 38.169, -4.49, 5.106 |
Binary | 01101000, 01101100, 01100011 |
Color Schemes with #686c63
Alternatives to #686c63
Below, you can see some colors close to #686c63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686c63 Preview
This text has a font color of #686c63.
<span style="color:#686c63;">Text here</span>
This paragraph has a background color of #686c63.
<p style="background-color:#686c63;">Content here</p>
This element has a border color of #686c63.
<div style="border:1px solid #686c63;">Content here</div>
.text {color:#686c63;}
.background {background-color:#686c63;}
.border {border:1px solid #686c63;}
Shades and Tints of #686c63
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, #050605 is the darkest color, while #fbfbfa is the lightest one.
-
#050605
#050605
rgb(5,6,5)
-
#0f100f
#0f100f
rgb(15,16,15)
-
#191a18
#191a18
rgb(25,26,24)
-
#232421
#232421
rgb(35,36,33)
-
#2d2f2b
#2d2f2b
rgb(45,47,43)
-
#373934
#373934
rgb(55,57,52)
-
#41433d
#41433d
rgb(65,67,61)
-
#4a4d47
#4a4d47
rgb(74,77,71)
-
#545850
#545850
rgb(84,88,80)
-
#5e625a
#5e625a
rgb(94,98,90)
-
#686c63
#686c63
rgb(104,108,99)
-
#72766c
#72766c
rgb(114,118,108)
-
#7c8076
#7c8076
rgb(124,128,118)
-
#868a80
#868a80
rgb(134,138,128)
-
#8f948a
#8f948a
rgb(143,148,138)
-
#999d94
#999d94
rgb(153,157,148)
-
#a3a69e
#a3a69e
rgb(163,166,158)
-
#adb0a9
#adb0a9
rgb(173,176,169)
-
#b6b9b3
#b6b9b3
rgb(182,185,179)
-
#c0c3bd
#c0c3bd
rgb(192,195,189)
-
#caccc7
#caccc7
rgb(202,204,199)
-
#d4d5d1
#d4d5d1
rgb(212,213,209)
-
#dddfdc
#dddfdc
rgb(221,223,220)
-
#e7e8e6
#e7e8e6
rgb(231,232,230)
-
#f1f1f0
#f1f1f0
rgb(241,241,240)
-
#fbfbfa
#fbfbfa
rgb(251,251,250)
Tones of #686c63
A tone is produced by adding gray to any pure hue. In this case, #686c63 is the less saturated color, while #73cc03 is the most saturated one.
-
#686c63
#686c63
rgb(104,108,99)
-
#69745b
#69745b
rgb(105,116,91)
-
#6a7c53
#6a7c53
rgb(106,124,83)
-
#6b844b
#6b844b
rgb(107,132,75)
-
#6c8c43
#6c8c43
rgb(108,140,67)
-
#6c943b
#6c943b
rgb(108,148,59)
-
#6d9c33
#6d9c33
rgb(109,156,51)
-
#6ea42b
#6ea42b
rgb(110,164,43)
-
#6fac23
#6fac23
rgb(111,172,35)
-
#70b41b
#70b41b
rgb(112,180,27)
-
#71bc13
#71bc13
rgb(113,188,19)
-
#72c40b
#72c40b
rgb(114,196,11)
-
#73cc03
#73cc03
rgb(115,204,3)
Color Blindness Simulator
Below, you can see how #686c63 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.