#686a66 hex color

In a RGB color space, hex #686a66 is composed of 40.8% red, 41.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 3.8% yellow and 58.4% black. It has a hue angle of 90 degrees, a saturation of 1.9% and a lightness of 40.8%. #686a66 color hex could be obtained by blending #d0d4cc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #686a66 has RGB values of R:104, G:106, B:102 and CMYK values of C:0.02, M:0, Y:0.04, K:0.58. Its decimal value is 6842982.

Hex triplet	686a66	`#686a66`
RGB Decimal	104, 106, 102	`rgb(104,106,102)`
RGB Percent	40.8, 41.6, 40	`rgb(40.8%,41.6%,40%)`
CMYK	2, 0, 4, 58
HSL	90°, 1.9, 40.8	`hsl(90,1.9%,40.8%)`
HSV (or HSB)	90°, 3.8, 41.6
Web Safe	666666	`#666666`

CIE-LAB	44.533, -1.592, 1.968
XYZ	13.261, 14.21, 14.614
xyY	0.315, 0.338, 14.21
CIE-LCH	44.533, 2.531, 128.981
CIE-LUV	44.533, -0.91, 2.831
Hunter-Lab	37.697, -3.177, 3.403
Binary	01101000, 01101010, 01100110

#686a66
```
#686a66 rgb(104,106,102)
```
#68666a
```
#68666a rgb(104,102,106)
```

Complementary Color

#6a6a66
```
#6a6a66 rgb(106,106,102)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#666a66
```
#666a66 rgb(102,106,102)
```

Analogous Color

#6a666a
```
#6a666a rgb(106,102,106)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#66666a
```
#66666a rgb(102,102,106)
```

Split Complementary Color

#6a6668
```
#6a6668 rgb(106,102,104)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#66686a
```
#66686a rgb(102,104,106)
```

Triadic Color

#6a6866
```
#6a6866 rgb(106,104,102)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#66686a
```
#66686a rgb(102,104,106)
```
#68666a
```
#68666a rgb(104,102,106)
```

Tetradic Color

#424340
```
#424340 rgb(66,67,64)
```
#4f504d
```
#4f504d rgb(79,80,77)
```
#5b5d59
```
#5b5d59 rgb(91,93,89)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#757773
```
#757773 rgb(117,119,115)
```
#82847f
```
#82847f rgb(130,132,127)
```
#8e908c
```
#8e908c rgb(142,144,140)
```

Monochromatic Color

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

#696a66
```
#696a66 rgb(105,106,102)
```
#696a66
```
#696a66 rgb(105,106,102)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#676a66
```
#676a66 rgb(103,106,102)
```
#676a66
```
#676a66 rgb(103,106,102)
```

Similar Colors

Text with hexadecimal color #686a66

This text has a font color of #686a66.

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

#686a66 background color

This paragraph has a background color of #686a66.

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

#686a66 border color

This element has a border color of #686a66.

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

CSS codes

.text {color:#686a66;}

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

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

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)
```
#1a1a19
```
#1a1a19 rgb(26,26,25)
```
#232423
```
#232423 rgb(35,36,35)
```
#2d2e2c
```
#2d2e2c rgb(45,46,44)
```
#373836
```
#373836 rgb(55,56,54)
```
#414240
```
#414240 rgb(65,66,64)
```
#4b4c49
```
#4b4c49 rgb(75,76,73)
```
#545653
```
#545653 rgb(84,86,83)
```
#5e605c
```
#5e605c rgb(94,96,92)
```
#686a66
```
#686a66 rgb(104,106,102)
```
#727470
```
#727470 rgb(114,116,112)
```
#7c7e79
```
#7c7e79 rgb(124,126,121)
```

Shade Color Variation

#858883
```
#858883 rgb(133,136,131)
```
#8f918d
```
#8f918d rgb(143,145,141)
```
#999b97
```
#999b97 rgb(153,155,151)
```
#a3a5a1
```
#a3a5a1 rgb(163,165,161)
```
#adaeab
```
#adaeab rgb(173,174,171)
```
#b6b8b5
```
#b6b8b5 rgb(182,184,181)
```
#c0c1bf
```
#c0c1bf rgb(192,193,191)
```
#cacbc9
```
#cacbc9 rgb(202,203,201)
```
#d4d5d3
```
#d4d5d3 rgb(212,213,211)
```
#dededd
```
#dededd rgb(222,222,221)
```
#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, #686a66 is the less saturated color, while #68ca06 is the most saturated one.

#686a66
```
#686a66 rgb(104,106,102)
```
#68725e
```
#68725e rgb(104,114,94)
```
#687a56
```
#687a56 rgb(104,122,86)
```
#68824e
```
#68824e rgb(104,130,78)
```
#688a46
```
#688a46 rgb(104,138,70)
```
#68923e
```
#68923e rgb(104,146,62)
```
#689a36
```
#689a36 rgb(104,154,54)
```
#68a22e
```
#68a22e rgb(104,162,46)
```
#68aa26
```
#68aa26 rgb(104,170,38)
```
#68b21e
```
#68b21e rgb(104,178,30)
```
#68ba16
```
#68ba16 rgb(104,186,22)
```
#68c20e
```
#68c20e rgb(104,194,14)
```
#68ca06
```
#68ca06 rgb(104,202,6)
```

Tone Color Variation

Below, you can see how #686a66 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
#696968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73706d Protanopia 1% of men
#7c6d6f Deuteranopia 1% of men
#717078 Tritanopia 0.001% of the population

Trichromacy

#6f6e6a Protanomaly 1% of men, 0.01% of women
#746c6b Deuteranomaly 6% of men, 0.4% of women
#6e6d71 Tritanomaly 0.01% of the population

#686a66 hex color

#686a66 Color Information

#686a66 Color Conversion

Color Schemes with #686a66

Alternatives to #686a66

#686a66 Preview

Shades and Tints of #686a66

Tones of #686a66

Color Blindness Simulator