#686b66 hex color

In a RGB color space, hex #686b66 is composed of 40.8% red, 42% green and 40% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 4.7% yellow and 58% black. It has a hue angle of 96 degrees, a saturation of 2.4% and a lightness of 41%. #686b66 color hex could be obtained by blending #d0d6cc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #686b66 has RGB values of R:104, G:107, B:102 and CMYK values of C:0.03, M:0, Y:0.05, K:0.58. Its decimal value is 6843238.

Hex triplet	686b66	`#686b66`
RGB Decimal	104, 107, 102	`rgb(104,107,102)`
RGB Percent	40.8, 42, 40	`rgb(40.8%,42%,40%)`
CMYK	3, 0, 5, 58
HSL	96°, 2.4, 41	`hsl(96,2.4%,41%)`
HSV (or HSB)	96°, 4.7, 42
Web Safe	666666	`#666666`

CIE-LAB	44.826, -2.181, 2.392
XYZ	13.364, 14.418, 14.648
xyY	0.315, 0.34, 14.418
CIE-LCH	44.826, 3.237, 132.358
CIE-LUV	44.826, -1.42, 3.481
Hunter-Lab	37.971, -3.623, 3.706
Binary	01101000, 01101011, 01100110

#686b66
```
#686b66 rgb(104,107,102)
```
#69666b
```
#69666b rgb(105,102,107)
```

Complementary Color

#6b6b66
```
#6b6b66 rgb(107,107,102)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#666b67
```
#666b67 rgb(102,107,103)
```

Analogous Color

#6b666b
```
#6b666b rgb(107,102,107)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#67666b
```
#67666b rgb(103,102,107)
```

Split Complementary Color

#6b6668
```
#6b6668 rgb(107,102,104)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#66686b
```
#66686b rgb(102,104,107)
```

Triadic Color

#6b6966
```
#6b6966 rgb(107,105,102)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#66686b
```
#66686b rgb(102,104,107)
```
#69666b
```
#69666b rgb(105,102,107)
```

Tetradic Color

#424441
```
#424441 rgb(66,68,65)
```
#4f514d
```
#4f514d rgb(79,81,77)
```
#5b5e5a
```
#5b5e5a rgb(91,94,90)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#757872
```
#757872 rgb(117,120,114)
```
#81857f
```
#81857f rgb(129,133,127)
```
#8e918c
```
#8e918c rgb(142,145,140)
```

Monochromatic Color

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

#696b66
```
#696b66 rgb(105,107,102)
```
#696b66
```
#696b66 rgb(105,107,102)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#676b66
```
#676b66 rgb(103,107,102)
```
#676b66
```
#676b66 rgb(103,107,102)
```

Similar Colors

Text with hexadecimal color #686b66

This text has a font color of #686b66.

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

#686b66 background color

This paragraph has a background color of #686b66.

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

#686b66 border color

This element has a border color of #686b66.

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

CSS codes

.text {color:#686b66;}

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

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

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

#060706
```
#060706 rgb(6,7,6)
```
#101110
```
#101110 rgb(16,17,16)
```
#1a1b19
```
#1a1b19 rgb(26,27,25)
```
#242523
```
#242523 rgb(36,37,35)
```
#2d2f2d
```
#2d2f2d rgb(45,47,45)
```
#373936
```
#373936 rgb(55,57,54)
```
#414340
```
#414340 rgb(65,67,64)
```
#4b4d49
```
#4b4d49 rgb(75,77,73)
```
#545753
```
#545753 rgb(84,87,83)
```
#5e615c
```
#5e615c rgb(94,97,92)
```
#686b66
```
#686b66 rgb(104,107,102)
```
#727570
```
#727570 rgb(114,117,112)
```
#7c7f79
```
#7c7f79 rgb(124,127,121)
```

Shade Color Variation

#858983
```
#858983 rgb(133,137,131)
```
#8f928d
```
#8f928d rgb(143,146,141)
```
#999c97
```
#999c97 rgb(153,156,151)
```
#a3a6a1
```
#a3a6a1 rgb(163,166,161)
```
#adafab
```
#adafab rgb(173,175,171)
```
#b7b9b5
```
#b7b9b5 rgb(183,185,181)
```
#c0c2bf
```
#c0c2bf rgb(192,194,191)
```
#caccc9
```
#caccc9 rgb(202,204,201)
```
#d4d5d3
```
#d4d5d3 rgb(212,213,211)
```
#dedfdd
```
#dedfdd rgb(222,223,221)
```
#e8e9e7
```
#e8e9e7 rgb(232,233,231)
```
#f2f2f1
```
#f2f2f1 rgb(242,242,241)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#686b66
```
#686b66 rgb(104,107,102)
```
#66735e
```
#66735e rgb(102,115,94)
```
#657b56
```
#657b56 rgb(101,123,86)
```
#63834e
```
#63834e rgb(99,131,78)
```
#628b46
```
#628b46 rgb(98,139,70)
```
#60933e
```
#60933e rgb(96,147,62)
```
#5e9b36
```
#5e9b36 rgb(94,155,54)
```
#5da32e
```
#5da32e rgb(93,163,46)
```
#5bab26
```
#5bab26 rgb(91,171,38)
```
#5ab31e
```
#5ab31e rgb(90,179,30)
```
#58bb16
```
#58bb16 rgb(88,187,22)
```
#56c30e
```
#56c30e rgb(86,195,14)
```
#55cb06
```
#55cb06 rgb(85,203,6)
```

Tone Color Variation

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

#74716d Protanopia 1% of men
#7d6e6f Deuteranopia 1% of men
#717079 Tritanopia 0.001% of the population

Trichromacy

#706f6a Protanomaly 1% of men, 0.01% of women
#756d6b Deuteranomaly 6% of men, 0.4% of women
#6e6e72 Tritanomaly 0.01% of the population

#686b66 hex color

#686b66 Color Information

#686b66 Color Conversion

Color Schemes with #686b66

Alternatives to #686b66

#686b66 Preview

Shades and Tints of #686b66

Tones of #686b66

Color Blindness Simulator