#687766 hex color

In a RGB color space, hex #687766 is composed of 40.8% red, 46.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 0% magenta, 14.3% yellow and 53.3% black. It has a hue angle of 112.9 degrees, a saturation of 7.7% and a lightness of 43.3%. #687766 color hex could be obtained by blending #d0eecc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 47
- B 40
RGB color chart
- C 13
- M 0
- Y 14
- K 53
CMYK color chart

● #687766 color description : Dark grayish lime green.

The hexadecimal color #687766 has RGB values of R:104, G:119, B:102 and CMYK values of C:0.13, M:0, Y:0.14, K:0.53. Its decimal value is 6846310.

Hex triplet	687766	`#687766`
RGB Decimal	104, 119, 102	`rgb(104,119,102)`
RGB Percent	40.8, 46.7, 40	`rgb(40.8%,46.7%,40%)`
CMYK	13, 0, 14, 53
HSL	112.9°, 7.7, 43.3	`hsl(112.9,7.7%,43.3%)`
HSV (or HSB)	112.9°, 14.3, 46.7
Web Safe	666666	`#666666`

CIE-LAB	48.381, -9.093, 7.49
XYZ	14.703, 17.096, 15.095
xyY	0.314, 0.365, 17.096
CIE-LCH	48.381, 11.781, 140.522
CIE-LUV	48.381, -7.528, 11.268
Hunter-Lab	41.347, -8.881, 7.298
Binary	01101000, 01110111, 01100110

#687766
```
#687766 rgb(104,119,102)
```
#756677
```
#756677 rgb(117,102,119)
```

Complementary Color

#717766
```
#717766 rgb(113,119,102)
```
#687766
```
#687766 rgb(104,119,102)
```
#66776d
```
#66776d rgb(102,119,109)
```

Analogous Color

#776671
```
#776671 rgb(119,102,113)
```
#687766
```
#687766 rgb(104,119,102)
```
#6d6677
```
#6d6677 rgb(109,102,119)
```

Split Complementary Color

#776668
```
#776668 rgb(119,102,104)
```
#687766
```
#687766 rgb(104,119,102)
```
#666877
```
#666877 rgb(102,104,119)
```

Triadic Color

#777566
```
#777566 rgb(119,117,102)
```
#687766
```
#687766 rgb(104,119,102)
```
#666877
```
#666877 rgb(102,104,119)
```
#756677
```
#756677 rgb(117,102,119)
```

Tetradic Color

#444e43
```
#444e43 rgb(68,78,67)
```
#505c4e
```
#505c4e rgb(80,92,78)
```
#5c695a
```
#5c695a rgb(92,105,90)
```
#687766
```
#687766 rgb(104,119,102)
```
#748572
```
#748572 rgb(116,133,114)
```
#81917f
```
#81917f rgb(129,145,127)
```
#8f9d8d
```
#8f9d8d rgb(143,157,141)
```

Monochromatic Color

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

#6c7766
```
#6c7766 rgb(108,119,102)
```
#6b7766
```
#6b7766 rgb(107,119,102)
```
#697766
```
#697766 rgb(105,119,102)
```
#687766
```
#687766 rgb(104,119,102)
```
#677766
```
#677766 rgb(103,119,102)
```
#667767
```
#667767 rgb(102,119,103)
```
#667768
```
#667768 rgb(102,119,104)
```

Similar Colors

Text with hexadecimal color #687766

This text has a font color of #687766.

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

#687766 background color

This paragraph has a background color of #687766.

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

#687766 border color

This element has a border color of #687766.

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

CSS codes

.text {color:#687766;}

.background {background-color:#687766;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0c0d0b
```
#0c0d0b rgb(12,13,11)
```
#151815
```
#151815 rgb(21,24,21)
```
#1e231e
```
#1e231e rgb(30,35,30)
```
#272d27
```
#272d27 rgb(39,45,39)
```
#313830
```
#313830 rgb(49,56,48)
```
#3a4239
```
#3a4239 rgb(58,66,57)
```
#434d42
```
#434d42 rgb(67,77,66)
```
#4c574b
```
#4c574b rgb(76,87,75)
```
#566254
```
#566254 rgb(86,98,84)
```
#5f6c5d
```
#5f6c5d rgb(95,108,93)
```
#687766
```
#687766 rgb(104,119,102)
```
#71826f
```
#71826f rgb(113,130,111)
```

Shade Color Variation

#7b8c79
```
#7b8c79 rgb(123,140,121)
```
#859583
```
#859583 rgb(133,149,131)
```
#909e8e
```
#909e8e rgb(144,158,142)
```
#9aa798
```
#9aa798 rgb(154,167,152)
```
#a4b0a3
```
#a4b0a3 rgb(164,176,163)
```
#afb9ad
```
#afb9ad rgb(175,185,173)
```
#b9c2b8
```
#b9c2b8 rgb(185,194,184)
```
#c3cbc2
```
#c3cbc2 rgb(195,203,194)
```
#ced4cd
```
#ced4cd rgb(206,212,205)
```
#d8ddd8
```
#d8ddd8 rgb(216,221,216)
```
#e3e6e2
```
#e3e6e2 rgb(227,230,226)
```
#edefed
```
#edefed rgb(237,239,237)
```
#f7f8f7
```
#f7f8f7 rgb(247,248,247)
```

Tint Color Variation

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

#687766
```
#687766 rgb(104,119,102)
```
#62805e
```
#62805e rgb(98,128,94)
```
#5b8855
```
#5b8855 rgb(91,136,85)
```
#55914d
```
#55914d rgb(85,145,77)
```
#4e9944
```
#4e9944 rgb(78,153,68)
```
#47a23c
```
#47a23c rgb(71,162,60)
```
#41aa33
```
#41aa33 rgb(65,170,51)
```
#3ab32b
```
#3ab32b rgb(58,179,43)
```
#34bb22
```
#34bb22 rgb(52,187,34)
```
#2dc41a
```
#2dc41a rgb(45,196,26)
```
#27cc11
```
#27cc11 rgb(39,204,17)
```
#20d509
```
#20d509 rgb(32,213,9)
```
#1add00
```
#1add00 rgb(26,221,0)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6f726f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f796b Protanopia 1% of men
#897670 Deuteranopia 1% of men
#747a83 Tritanopia 0.001% of the population

Trichromacy

#777869 Protanomaly 1% of men, 0.01% of women
#7d766c Deuteranomaly 6% of men, 0.4% of women
#6f7978 Tritanomaly 0.01% of the population

#687766 hex color

#687766 Color Information

#687766 Color Conversion

Color Schemes with #687766

Alternatives to #687766

#687766 Preview

Shades and Tints of #687766

Tones of #687766

Color Blindness Simulator