#686e6a hex color

In a RGB color space, hex #686e6a is composed of 40.8% red, 43.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 3.6% yellow and 56.9% black. It has a hue angle of 140 degrees, a saturation of 2.8% and a lightness of 42%. #686e6a color hex could be obtained by blending #d0dcd4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 43
- B 42
RGB color chart
- C 5
- M 0
- Y 4
- K 57
CMYK color chart

● #686e6a color description : Very dark grayish cyan - lime green.

The hexadecimal color #686e6a has RGB values of R:104, G:110, B:106 and CMYK values of C:0.05, M:0, Y:0.04, K:0.57. Its decimal value is 6844010.

Hex triplet	686e6a	`#686e6a`
RGB Decimal	104, 110, 106	`rgb(104,110,106)`
RGB Percent	40.8, 43.1, 41.6	`rgb(40.8%,43.1%,41.6%)`
CMYK	5, 0, 4, 57
HSL	140°, 2.8, 42	`hsl(140,2.8%,42%)`
HSV (or HSB)	140°, 5.5, 43.1
Web Safe	666666	`#666666`

CIE-LAB	45.819, -3.123, 1.432
XYZ	13.886, 15.135, 15.825
xyY	0.31, 0.337, 15.135
CIE-LCH	45.819, 3.436, 155.374
CIE-LUV	45.819, -3.123, 2.385
Hunter-Lab	38.904, -4.372, 3.116
Binary	01101000, 01101110, 01101010

#686e6a
```
#686e6a rgb(104,110,106)
```
#6e686c
```
#6e686c rgb(110,104,108)
```

Complementary Color

#696e68
```
#696e68 rgb(105,110,104)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#686e6d
```
#686e6d rgb(104,110,109)
```

Analogous Color

#6e6869
```
#6e6869 rgb(110,104,105)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#6d686e
```
#6d686e rgb(109,104,110)
```

Split Complementary Color

#6e6a68
```
#6e6a68 rgb(110,106,104)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#6a686e
```
#6a686e rgb(106,104,110)
```

Triadic Color

#6c6e68
```
#6c6e68 rgb(108,110,104)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#6a686e
```
#6a686e rgb(106,104,110)
```
#6e686c
```
#6e686c rgb(110,104,108)
```

Tetradic Color

#434744
```
#434744 rgb(67,71,68)
```
#4f5451
```
#4f5451 rgb(79,84,81)
```
#5c615d
```
#5c615d rgb(92,97,93)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#747b77
```
#747b77 rgb(116,123,119)
```
#818883
```
#818883 rgb(129,136,131)
```
#8e9490
```
#8e9490 rgb(142,148,144)
```

Monochromatic Color

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

#686e69
```
#686e69 rgb(104,110,105)
```
#686e69
```
#686e69 rgb(104,110,105)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#686e6b
```
#686e6b rgb(104,110,107)
```
#686e6b
```
#686e6b rgb(104,110,107)
```
#686e6c
```
#686e6c rgb(104,110,108)
```

Similar Colors

Text with hexadecimal color #686e6a

This text has a font color of #686e6a.

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

#686e6a background color

This paragraph has a background color of #686e6a.

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

#686e6a border color

This element has a border color of #686e6a.

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

CSS codes

.text {color:#686e6a;}

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

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

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

#090909
```
#090909 rgb(9,9,9)
```
#121313
```
#121313 rgb(18,19,19)
```
#1c1d1c
```
#1c1d1c rgb(28,29,28)
```
#252726
```
#252726 rgb(37,39,38)
```
#2f3230
```
#2f3230 rgb(47,50,48)
```
#383c39
```
#383c39 rgb(56,60,57)
```
#424643
```
#424643 rgb(66,70,67)
```
#4b504d
```
#4b504d rgb(75,80,77)
```
#555a57
```
#555a57 rgb(85,90,87)
```
#5e6460
```
#5e6460 rgb(94,100,96)
```
#686e6a
```
#686e6a rgb(104,110,106)
```
#727874
```
#727874 rgb(114,120,116)
```
#7b827d
```
#7b827d rgb(123,130,125)
```

Shade Color Variation

#858c87
```
#858c87 rgb(133,140,135)
```
#8f9591
```
#8f9591 rgb(143,149,145)
```
#999f9b
```
#999f9b rgb(153,159,155)
```
#a3a8a5
```
#a3a8a5 rgb(163,168,165)
```
#adb2af
```
#adb2af rgb(173,178,175)
```
#b8bbb9
```
#b8bbb9 rgb(184,187,185)
```
#c2c5c3
```
#c2c5c3 rgb(194,197,195)
```
#cccecd
```
#cccecd rgb(204,206,205)
```
#d6d8d7
```
#d6d8d7 rgb(214,216,215)
```
#e0e2e0
```
#e0e2e0 rgb(224,226,224)
```
#eaebea
```
#eaebea rgb(234,235,234)
```
#f4f5f4
```
#f4f5f4 rgb(244,245,244)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#686e6a
```
#686e6a rgb(104,110,106)
```
#607667
```
#607667 rgb(96,118,103)
```
#587e65
```
#587e65 rgb(88,126,101)
```
#4f8762
```
#4f8762 rgb(79,135,98)
```
#478f5f
```
#478f5f rgb(71,143,95)
```
#3f975c
```
#3f975c rgb(63,151,92)
```
#379f5a
```
#379f5a rgb(55,159,90)
```
#2ea857
```
#2ea857 rgb(46,168,87)
```
#26b054
```
#26b054 rgb(38,176,84)
```
#1eb851
```
#1eb851 rgb(30,184,81)
```
#16c04f
```
#16c04f rgb(22,192,79)
```
#0dc94c
```
#0dc94c rgb(13,201,76)
```
#05d149
```
#05d149 rgb(5,209,73)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6b6c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#767370 Protanopia 1% of men
#7f7073 Deuteranopia 1% of men
#71737c Tritanopia 0.001% of the population

Trichromacy

#71716e Protanomaly 1% of men, 0.01% of women
#766f6f Deuteranomaly 6% of men, 0.4% of women
#6e7175 Tritanomaly 0.01% of the population

#686e6a hex color

#686e6a Color Information

#686e6a Color Conversion

Color Schemes with #686e6a

Alternatives to #686e6a

#686e6a Preview

Shades and Tints of #686e6a

Tones of #686e6a

Color Blindness Simulator