#687666 hex color

In a RGB color space, hex #687666 is composed of 40.8% red, 46.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 0% magenta, 13.6% yellow and 53.7% black. It has a hue angle of 112.5 degrees, a saturation of 7.3% and a lightness of 43.1%. #687666 color hex could be obtained by blending #d0eccc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 46
- B 40
RGB color chart
- C 12
- M 0
- Y 14
- K 54
CMYK color chart

● #687666 color description : Dark grayish lime green.

The hexadecimal color #687666 has RGB values of R:104, G:118, B:102 and CMYK values of C:0.12, M:0, Y:0.14, K:0.54. Its decimal value is 6846054.

Hex triplet	687666	`#687666`
RGB Decimal	104, 118, 102	`rgb(104,118,102)`
RGB Percent	40.8, 46.3, 40	`rgb(40.8%,46.3%,40%)`
CMYK	12, 0, 14, 54
HSL	112.5°, 7.3, 43.1	`hsl(112.5,7.3%,43.1%)`
HSV (or HSB)	112.5°, 13.6, 46.3
Web Safe	666666	`#666666`

CIE-LAB	48.082, -8.528, 7.066
XYZ	14.585, 16.859, 15.055
xyY	0.314, 0.363, 16.859
CIE-LCH	48.082, 11.075, 140.36
CIE-LUV	48.082, -7.021, 10.621
Hunter-Lab	41.06, -8.449, 7.002
Binary	01101000, 01110110, 01100110

#687666
```
#687666 rgb(104,118,102)
```
#746676
```
#746676 rgb(116,102,118)
```

Complementary Color

#707666
```
#707666 rgb(112,118,102)
```
#687666
```
#687666 rgb(104,118,102)
```
#66766c
```
#66766c rgb(102,118,108)
```

Analogous Color

#766670
```
#766670 rgb(118,102,112)
```
#687666
```
#687666 rgb(104,118,102)
```
#6c6676
```
#6c6676 rgb(108,102,118)
```

Split Complementary Color

#766668
```
#766668 rgb(118,102,104)
```
#687666
```
#687666 rgb(104,118,102)
```
#666876
```
#666876 rgb(102,104,118)
```

Triadic Color

#767466
```
#767466 rgb(118,116,102)
```
#687666
```
#687666 rgb(104,118,102)
```
#666876
```
#666876 rgb(102,104,118)
```
#746676
```
#746676 rgb(116,102,118)
```

Tetradic Color

#444d43
```
#444d43 rgb(68,77,67)
```
#505b4e
```
#505b4e rgb(80,91,78)
```
#5c685a
```
#5c685a rgb(92,104,90)
```
#687666
```
#687666 rgb(104,118,102)
```
#748472
```
#748472 rgb(116,132,114)
```
#81907f
```
#81907f rgb(129,144,127)
```
#8e9c8c
```
#8e9c8c rgb(142,156,140)
```

Monochromatic Color

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

#6c7666
```
#6c7666 rgb(108,118,102)
```
#6b7666
```
#6b7666 rgb(107,118,102)
```
#697666
```
#697666 rgb(105,118,102)
```
#687666
```
#687666 rgb(104,118,102)
```
#677666
```
#677666 rgb(103,118,102)
```
#667667
```
#667667 rgb(102,118,103)
```
#667668
```
#667668 rgb(102,118,104)
```

Similar Colors

Text with hexadecimal color #687666

This text has a font color of #687666.

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

#687666 background color

This paragraph has a background color of #687666.

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

#687666 border color

This element has a border color of #687666.

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

CSS codes

.text {color:#687666;}

.background {background-color:#687666;}

.border {border:1px solid #687666;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0d0b
```
#0b0d0b rgb(11,13,11)
```
#151714
```
#151714 rgb(21,23,20)
```
#1e221d
```
#1e221d rgb(30,34,29)
```
#272c26
```
#272c26 rgb(39,44,38)
```
#30372f
```
#30372f rgb(48,55,47)
```
#3a4139
```
#3a4139 rgb(58,65,57)
```
#434c42
```
#434c42 rgb(67,76,66)
```
#4c564b
```
#4c564b rgb(76,86,75)
```
#556154
```
#556154 rgb(85,97,84)
```
#5f6b5d
```
#5f6b5d rgb(95,107,93)
```
#687666
```
#687666 rgb(104,118,102)
```
#71816f
```
#71816f rgb(113,129,111)
```

Shade Color Variation

#7b8b78
```
#7b8b78 rgb(123,139,120)
```
#859483
```
#859483 rgb(133,148,131)
```
#8f9d8e
```
#8f9d8e rgb(143,157,142)
```
#9aa698
```
#9aa698 rgb(154,166,152)
```
#a4afa3
```
#a4afa3 rgb(164,175,163)
```
#aeb8ad
```
#aeb8ad rgb(174,184,173)
```
#b9c1b8
```
#b9c1b8 rgb(185,193,184)
```
#c3cac2
```
#c3cac2 rgb(195,202,194)
```
#ced3cd
```
#ced3cd rgb(206,211,205)
```
#d8ddd7
```
#d8ddd7 rgb(216,221,215)
```
#e2e6e2
```
#e2e6e2 rgb(226,230,226)
```
#edefec
```
#edefec rgb(237,239,236)
```
#f7f8f7
```
#f7f8f7 rgb(247,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #687666 is the less saturated color, while #1cdc00 is the most saturated one.

#687666
```
#687666 rgb(104,118,102)
```
#627e5e
```
#627e5e rgb(98,126,94)
```
#5b8755
```
#5b8755 rgb(91,135,85)
```
#558f4d
```
#558f4d rgb(85,143,77)
```
#4f9844
```
#4f9844 rgb(79,152,68)
```
#48a03c
```
#48a03c rgb(72,160,60)
```
#42a933
```
#42a933 rgb(66,169,51)
```
#3cb12b
```
#3cb12b rgb(60,177,43)
```
#35ba22
```
#35ba22 rgb(53,186,34)
```
#2fc21a
```
#2fc21a rgb(47,194,26)
```
#29cb11
```
#29cb11 rgb(41,203,17)
```
#22d309
```
#22d309 rgb(34,211,9)
```
#1cdc00
```
#1cdc00 rgb(28,220,0)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6e716e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e796c Protanopia 1% of men
#887570 Deuteranopia 1% of men
#737a82 Tritanopia 0.001% of the population

Trichromacy

#767769 Protanomaly 1% of men, 0.01% of women
#7c756c Deuteranomaly 6% of men, 0.4% of women
#6f7878 Tritanomaly 0.01% of the population

#687666 hex color

#687666 Color Information

#687666 Color Conversion

Color Schemes with #687666

Alternatives to #687666

#687666 Preview

Shades and Tints of #687666

Tones of #687666

Color Blindness Simulator