#686c5d hex color

In a RGB color space, hex #686c5d is composed of 40.8% red, 42.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 13.9% yellow and 57.6% black. It has a hue angle of 76 degrees, a saturation of 7.5% and a lightness of 39.4%. #686c5d color hex could be obtained by blending #d0d8ba with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #686c5d has RGB values of R:104, G:108, B:93 and CMYK values of C:0.04, M:0, Y:0.14, K:0.58. Its decimal value is 6843485.

Hex triplet	686c5d	`#686c5d`
RGB Decimal	104, 108, 93	`rgb(104,108,93)`
RGB Percent	40.8, 42.4, 36.5	`rgb(40.8%,42.4%,36.5%)`
CMYK	4, 0, 14, 58
HSL	76°, 7.5, 39.4	`hsl(76,7.5%,39.4%)`
HSV (or HSB)	76°, 13.9, 42.4
Web Safe	666666	`#666666`

CIE-LAB	44.883, -4.504, 7.875
XYZ	13.047, 14.458, 12.459
xyY	0.326, 0.362, 14.458
CIE-LCH	44.883, 9.072, 119.765
CIE-LUV	44.883, -1.517, 10.783
Hunter-Lab	38.024, -5.296, 7.191
Binary	01101000, 01101100, 01011101

#686c5d
```
#686c5d rgb(104,108,93)
```
#615d6c
```
#615d6c rgb(97,93,108)
```

Complementary Color

#6c695d
```
#6c695d rgb(108,105,93)
```
#686c5d
```
#686c5d rgb(104,108,93)
```
#616c5d
```
#616c5d rgb(97,108,93)
```

Analogous Color

#695d6c
```
#695d6c rgb(105,93,108)
```
#686c5d
```
#686c5d rgb(104,108,93)
```
#5d616c
```
#5d616c rgb(93,97,108)
```

Split Complementary Color

#6c5d68
```
#6c5d68 rgb(108,93,104)
```
#686c5d
```
#686c5d rgb(104,108,93)
```
#5d686c
```
#5d686c rgb(93,104,108)
```

Triadic Color

#6c615d
```
#6c615d rgb(108,97,93)
```
#686c5d
```
#686c5d rgb(104,108,93)
```
#5d686c
```
#5d686c rgb(93,104,108)
```
#615d6c
```
#615d6c rgb(97,93,108)
```

Tetradic Color

#40433a
```
#40433a rgb(64,67,58)
```
#4e5145
```
#4e5145 rgb(78,81,69)
```
#5b5e51
```
#5b5e51 rgb(91,94,81)
```
#686c5d
```
#686c5d rgb(104,108,93)
```
#757a69
```
#757a69 rgb(117,122,105)
```
#828775
```
#828775 rgb(130,135,117)
```
#8f9382
```
#8f9382 rgb(143,147,130)
```

Monochromatic Color

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

#6c6c5d
```
#6c6c5d rgb(108,108,93)
```
#6b6c5d
```
#6b6c5d rgb(107,108,93)
```
#696c5d
```
#696c5d rgb(105,108,93)
```
#686c5d
```
#686c5d rgb(104,108,93)
```
#676c5d
```
#676c5d rgb(103,108,93)
```
#666c5d
```
#666c5d rgb(102,108,93)
```
#646c5d
```
#646c5d rgb(100,108,93)
```

Similar Colors

Text with hexadecimal color #686c5d

This text has a font color of #686c5d.

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

#686c5d background color

This paragraph has a background color of #686c5d.

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

#686c5d border color

This element has a border color of #686c5d.

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

CSS codes

.text {color:#686c5d;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0d0d0b
```
#0d0d0b rgb(13,13,11)
```
#171814
```
#171814 rgb(23,24,20)
```
#21221d
```
#21221d rgb(33,34,29)
```
#2b2d27
```
#2b2d27 rgb(43,45,39)
```
#353730
```
#353730 rgb(53,55,48)
```
#3f4239
```
#3f4239 rgb(63,66,57)
```
#4a4c42
```
#4a4c42 rgb(74,76,66)
```
#54574b
```
#54574b rgb(84,87,75)
```
#5e6154
```
#5e6154 rgb(94,97,84)
```
#686c5d
```
#686c5d rgb(104,108,93)
```
#727766
```
#727766 rgb(114,119,102)
```
#7c816f
```
#7c816f rgb(124,129,111)
```

Shade Color Variation

#868b79
```
#868b79 rgb(134,139,121)
```
#909483
```
#909483 rgb(144,148,131)
```
#999d8e
```
#999d8e rgb(153,157,142)
```
#a3a698
```
#a3a698 rgb(163,166,152)
```
#acb0a3
```
#acb0a3 rgb(172,176,163)
```
#b6b9ad
```
#b6b9ad rgb(182,185,173)
```
#bfc2b8
```
#bfc2b8 rgb(191,194,184)
```
#c9cbc2
```
#c9cbc2 rgb(201,203,194)
```
#d2d4cd
```
#d2d4cd rgb(210,212,205)
```
#dbddd7
```
#dbddd7 rgb(219,221,215)
```
#e5e6e2
```
#e5e6e2 rgb(229,230,226)
```
#eeefed
```
#eeefed rgb(238,239,237)
```
#f8f8f7
```
#f8f8f7 rgb(248,248,247)
```

Tint Color Variation

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

#686c5d
```
#686c5d rgb(104,108,93)
```
#6c7455
```
#6c7455 rgb(108,116,85)
```
#6f7b4e
```
#6f7b4e rgb(111,123,78)
```
#738346
```
#738346 rgb(115,131,70)
```
#768b3e
```
#768b3e rgb(118,139,62)
```
#7a9336
```
#7a9336 rgb(122,147,54)
```
#7e9a2f
```
#7e9a2f rgb(126,154,47)
```
#81a227
```
#81a227 rgb(129,162,39)
```
#85aa1f
```
#85aa1f rgb(133,170,31)
```
#88b217
```
#88b217 rgb(136,178,23)
```
#8cb910
```
#8cb910 rgb(140,185,16)
```
#90c108
```
#90c108 rgb(144,193,8)
```
#93c900
```
#93c900 rgb(147,201,0)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777164 Protanopia 1% of men
#806e67 Deuteranopia 1% of men
#737078 Tritanopia 0.001% of the population

Trichromacy

#716f61 Protanomaly 1% of men, 0.01% of women
#776d63 Deuteranomaly 6% of men, 0.4% of women
#6f6f6e Tritanomaly 0.01% of the population

#686c5d hex color

#686c5d Color Information

#686c5d Color Conversion

Color Schemes with #686c5d

Alternatives to #686c5d

#686c5d Preview

Shades and Tints of #686c5d

Tones of #686c5d

Color Blindness Simulator