#686c64 hex color

In a RGB color space, hex #686c64 is composed of 40.8% red, 42.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 7.4% yellow and 57.6% black. It has a hue angle of 90 degrees, a saturation of 3.8% and a lightness of 40.8%. #686c64 color hex could be obtained by blending #d0d8c8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 42
- B 39
RGB color chart
- C 4
- M 0
- Y 7
- K 58
CMYK color chart

● #686c64 color description : Very dark grayish green.

The hexadecimal color #686c64 has RGB values of R:104, G:108, B:100 and CMYK values of C:0.04, M:0, Y:0.07, K:0.58. Its decimal value is 6843492.

Hex triplet	686c64	`#686c64`
RGB Decimal	104, 108, 100	`rgb(104,108,100)`
RGB Percent	40.8, 42.4, 39.2	`rgb(40.8%,42.4%,39.2%)`
CMYK	4, 0, 7, 58
HSL	90°, 3.8, 40.8	`hsl(90,3.8%,40.8%)`
HSV (or HSB)	90°, 7.4, 42.4
Web Safe	666666	`#666666`

CIE-LAB	45.065, -3.166, 3.939
XYZ	13.371, 14.588, 14.167
xyY	0.317, 0.346, 14.588
CIE-LCH	45.065, 5.054, 128.795
CIE-LUV	45.065, -1.836, 5.638
Hunter-Lab	38.195, -4.351, 4.744
Binary	01101000, 01101100, 01100100

#686c64
```
#686c64 rgb(104,108,100)
```
#68646c
```
#68646c rgb(104,100,108)
```

Complementary Color

#6c6c64
```
#6c6c64 rgb(108,108,100)
```
#686c64
```
#686c64 rgb(104,108,100)
```
#646c64
```
#646c64 rgb(100,108,100)
```

Analogous Color

#6c646c
```
#6c646c rgb(108,100,108)
```
#686c64
```
#686c64 rgb(104,108,100)
```
#64646c
```
#64646c rgb(100,100,108)
```

Split Complementary Color

#6c6468
```
#6c6468 rgb(108,100,104)
```
#686c64
```
#686c64 rgb(104,108,100)
```
#64686c
```
#64686c rgb(100,104,108)
```

Triadic Color

#6c6864
```
#6c6864 rgb(108,104,100)
```
#686c64
```
#686c64 rgb(104,108,100)
```
#64686c
```
#64686c rgb(100,104,108)
```
#68646c
```
#68646c rgb(104,100,108)
```

Tetradic Color

#42443f
```
#42443f rgb(66,68,63)
```
#4f524b
```
#4f524b rgb(79,82,75)
```
#5b5f58
```
#5b5f58 rgb(91,95,88)
```
#686c64
```
#686c64 rgb(104,108,100)
```
#757970
```
#757970 rgb(117,121,112)
```
#82867d
```
#82867d rgb(130,134,125)
```
#8e938a
```
#8e938a rgb(142,147,138)
```

Monochromatic Color

Below, you can see some colors close to #686c64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#6a6c64
```
#6a6c64 rgb(106,108,100)
```
#696c64
```
#696c64 rgb(105,108,100)
```
#696c64
```
#696c64 rgb(105,108,100)
```
#686c64
```
#686c64 rgb(104,108,100)
```
#676c64
```
#676c64 rgb(103,108,100)
```
#676c64
```
#676c64 rgb(103,108,100)
```
#666c64
```
#666c64 rgb(102,108,100)
```

Similar Colors

Text with hexadecimal color #686c64

This text has a font color of #686c64.

<span style="color:#686c64;">Text here</span>

#686c64 background color

This paragraph has a background color of #686c64.

<p style="background-color:#686c64;">Content here</p>

#686c64 border color

This element has a border color of #686c64.

<div style="border:1px solid #686c64;">Content here</div>

CSS codes

.text {color:#686c64;}

.background {background-color:#686c64;}

.border {border:1px solid #686c64;}

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, #060606 is the darkest color, while #fbfbfb is the lightest one.

#060606
```
#060606 rgb(6,6,6)
```
#10100f
```
#10100f rgb(16,16,15)
```
#1a1b19
```
#1a1b19 rgb(26,27,25)
```
#232522
```
#232522 rgb(35,37,34)
```
#2d2f2b
```
#2d2f2b rgb(45,47,43)
```
#373935
```
#373935 rgb(55,57,53)
```
#41433e
```
#41433e rgb(65,67,62)
```
#4b4d48
```
#4b4d48 rgb(75,77,72)
```
#545851
```
#545851 rgb(84,88,81)
```
#5e625b
```
#5e625b rgb(94,98,91)
```
#686c64
```
#686c64 rgb(104,108,100)
```
#72766d
```
#72766d rgb(114,118,109)
```
#7c8077
```
#7c8077 rgb(124,128,119)
```

Shade Color Variation

#858a81
```
#858a81 rgb(133,138,129)
```
#8f948b
```
#8f948b rgb(143,148,139)
```
#999d95
```
#999d95 rgb(153,157,149)
```
#a3a69f
```
#a3a69f rgb(163,166,159)
```
#adb0a9
```
#adb0a9 rgb(173,176,169)
```
#b6b9b4
```
#b6b9b4 rgb(182,185,180)
```
#c0c3be
```
#c0c3be rgb(192,195,190)
```
#caccc8
```
#caccc8 rgb(202,204,200)
```
#d4d6d2
```
#d4d6d2 rgb(212,214,210)
```
#dedfdc
```
#dedfdc rgb(222,223,220)
```
#e8e8e7
```
#e8e8e7 rgb(232,232,231)
```
#f1f2f1
```
#f1f2f1 rgb(241,242,241)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686c64 is the less saturated color, while #68cc04 is the most saturated one.

#686c64
```
#686c64 rgb(104,108,100)
```
#68745c
```
#68745c rgb(104,116,92)
```
#687c54
```
#687c54 rgb(104,124,84)
```
#68844c
```
#68844c rgb(104,132,76)
```
#688c44
```
#688c44 rgb(104,140,68)
```
#68943c
```
#68943c rgb(104,148,60)
```
#689c34
```
#689c34 rgb(104,156,52)
```
#68a42c
```
#68a42c rgb(104,164,44)
```
#68ac24
```
#68ac24 rgb(104,172,36)
```
#68b41c
```
#68b41c rgb(104,180,28)
```
#68bc14
```
#68bc14 rgb(104,188,20)
```
#68c40c
```
#68c40c rgb(104,196,12)
```
#68cc04
```
#68cc04 rgb(104,204,4)
```

Tone Color Variation

Below, you can see how #686c64 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.

Monochromacy

#6a6a6a Achromatopsia 0.005% of the population
#6a6a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76716b Protanopia 1% of men
#7e6e6d Deuteranopia 1% of men
#727179 Tritanopia 0.001% of the population

Trichromacy

#706f68 Protanomaly 1% of men, 0.01% of women
#766d6a Deuteranomaly 6% of men, 0.4% of women
#6e6f71 Tritanomaly 0.01% of the population

#686c64 hex color

#686c64 Color Information

#686c64 Color Conversion

Color Schemes with #686c64

Alternatives to #686c64

#686c64 Preview

Shades and Tints of #686c64

Tones of #686c64

Color Blindness Simulator