#686f61 hex color

In a RGB color space, hex #686f61 is composed of 40.8% red, 43.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 12.6% yellow and 56.5% black. It has a hue angle of 90 degrees, a saturation of 6.7% and a lightness of 40.8%. #686f61 color hex could be obtained by blending #d0dec2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 44
- B 38
RGB color chart
- C 6
- M 0
- Y 13
- K 56
CMYK color chart

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

The hexadecimal color #686f61 has RGB values of R:104, G:111, B:97 and CMYK values of C:0.06, M:0, Y:0.13, K:0.56. Its decimal value is 6844257.

Hex triplet	686f61	`#686f61`
RGB Decimal	104, 111, 97	`rgb(104,111,97)`
RGB Percent	40.8, 43.5, 38	`rgb(40.8%,43.5%,38%)`
CMYK	6, 0, 13, 56
HSL	90°, 6.7, 40.8	`hsl(90,6.7%,40.8%)`
HSV (or HSB)	90°, 12.6, 43.5
Web Safe	666666	`#666666`

CIE-LAB	45.873, -5.491, 6.89
XYZ	13.551, 15.175, 13.524
xyY	0.321, 0.359, 15.175
CIE-LCH	45.873, 8.811, 128.555
CIE-LUV	45.873, -3.256, 9.784
Hunter-Lab	38.955, -6.08, 6.685
Binary	01101000, 01101111, 01100001

#686f61
```
#686f61 rgb(104,111,97)
```
#68616f
```
#68616f rgb(104,97,111)
```

Complementary Color

#6f6f61
```
#6f6f61 rgb(111,111,97)
```
#686f61
```
#686f61 rgb(104,111,97)
```
#616f61
```
#616f61 rgb(97,111,97)
```

Analogous Color

#6f616f
```
#6f616f rgb(111,97,111)
```
#686f61
```
#686f61 rgb(104,111,97)
```
#61616f
```
#61616f rgb(97,97,111)
```

Split Complementary Color

#6f6168
```
#6f6168 rgb(111,97,104)
```
#686f61
```
#686f61 rgb(104,111,97)
```
#61686f
```
#61686f rgb(97,104,111)
```

Triadic Color

#6f6861
```
#6f6861 rgb(111,104,97)
```
#686f61
```
#686f61 rgb(104,111,97)
```
#61686f
```
#61686f rgb(97,104,111)
```
#68616f
```
#68616f rgb(104,97,111)
```

Tetradic Color

#42463d
```
#42463d rgb(66,70,61)
```
#4f5449
```
#4f5449 rgb(79,84,73)
```
#5b6155
```
#5b6155 rgb(91,97,85)
```
#686f61
```
#686f61 rgb(104,111,97)
```
#757d6d
```
#757d6d rgb(117,125,109)
```
#828a79
```
#828a79 rgb(130,138,121)
```
#8e9687
```
#8e9687 rgb(142,150,135)
```

Monochromatic Color

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

#6c6f61
```
#6c6f61 rgb(108,111,97)
```
#6a6f61
```
#6a6f61 rgb(106,111,97)
```
#696f61
```
#696f61 rgb(105,111,97)
```
#686f61
```
#686f61 rgb(104,111,97)
```
#676f61
```
#676f61 rgb(103,111,97)
```
#666f61
```
#666f61 rgb(102,111,97)
```
#656f61
```
#656f61 rgb(101,111,97)
```

Similar Colors

Text with hexadecimal color #686f61

This text has a font color of #686f61.

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

#686f61 background color

This paragraph has a background color of #686f61.

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

#686f61 border color

This element has a border color of #686f61.

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

CSS codes

.text {color:#686f61;}

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

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

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)
```
#10110f
```
#10110f rgb(16,17,15)
```
#1a1b18
```
#1a1b18 rgb(26,27,24)
```
#232621
```
#232621 rgb(35,38,33)
```
#2d302a
```
#2d302a rgb(45,48,42)
```
#373b33
```
#373b33 rgb(55,59,51)
```
#41453c
```
#41453c rgb(65,69,60)
```
#4b5046
```
#4b5046 rgb(75,80,70)
```
#545a4f
```
#545a4f rgb(84,90,79)
```
#5e6558
```
#5e6558 rgb(94,101,88)
```
#686f61
```
#686f61 rgb(104,111,97)
```
#72796a
```
#72796a rgb(114,121,106)
```
#7c8473
```
#7c8473 rgb(124,132,115)
```

Shade Color Variation

#858e7d
```
#858e7d rgb(133,142,125)
```
#8f9788
```
#8f9788 rgb(143,151,136)
```
#99a092
```
#99a092 rgb(153,160,146)
```
#a3a99d
```
#a3a99d rgb(163,169,157)
```
#adb2a7
```
#adb2a7 rgb(173,178,167)
```
#b6bbb2
```
#b6bbb2 rgb(182,187,178)
```
#c0c4bc
```
#c0c4bc rgb(192,196,188)
```
#cacec7
```
#cacec7 rgb(202,206,199)
```
#d4d7d1
```
#d4d7d1 rgb(212,215,209)
```
#dee0db
```
#dee0db rgb(222,224,219)
```
#e8e9e6
```
#e8e9e6 rgb(232,233,230)
```
#f1f2f0
```
#f1f2f0 rgb(241,242,240)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#686f61
```
#686f61 rgb(104,111,97)
```
#687759
```
#687759 rgb(104,119,89)
```
#687f51
```
#687f51 rgb(104,127,81)
```
#688749
```
#688749 rgb(104,135,73)
```
#688f41
```
#688f41 rgb(104,143,65)
```
#689739
```
#689739 rgb(104,151,57)
```
#689f31
```
#689f31 rgb(104,159,49)
```
#68a729
```
#68a729 rgb(104,167,41)
```
#68af21
```
#68af21 rgb(104,175,33)
```
#68b719
```
#68b719 rgb(104,183,25)
```
#68bf11
```
#68bf11 rgb(104,191,17)
```
#68c709
```
#68c709 rgb(104,199,9)
```
#68cf01
```
#68cf01 rgb(104,207,1)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a6c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797367 Protanopia 1% of men
#82706b Deuteranopia 1% of men
#73737b Tritanopia 0.001% of the population

Trichromacy

#727265 Protanomaly 1% of men, 0.01% of women
#786f67 Deuteranomaly 6% of men, 0.4% of women
#6f7272 Tritanomaly 0.01% of the population

#686f61 hex color

#686f61 Color Information

#686f61 Color Conversion

Color Schemes with #686f61

Alternatives to #686f61

#686f61 Preview

Shades and Tints of #686f61

Tones of #686f61

Color Blindness Simulator