#687d66 hex color

In a RGB color space, hex #687d66 is composed of 40.8% red, 49% green and 40% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 0% magenta, 18.4% yellow and 51% black. It has a hue angle of 114.8 degrees, a saturation of 10.1% and a lightness of 44.5%. #687d66 color hex could be obtained by blending #d0facc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 49
- B 40
RGB color chart
- C 17
- M 0
- Y 18
- K 51
CMYK color chart

● #687d66 color description : Dark grayish lime green.

The hexadecimal color #687d66 has RGB values of R:104, G:125, B:102 and CMYK values of C:0.17, M:0, Y:0.18, K:0.51. Its decimal value is 6847846.

Hex triplet	687d66	`#687d66`
RGB Decimal	104, 125, 102	`rgb(104,125,102)`
RGB Percent	40.8, 49, 40	`rgb(40.8%,49%,40%)`
CMYK	17, 0, 18, 51
HSL	114.8°, 10.1, 44.5	`hsl(114.8,10.1%,44.5%)`
HSV (or HSB)	114.8°, 18.4, 49
Web Safe	666666	`#666666`

CIE-LAB	50.179, -12.437, 10.033
XYZ	15.44, 18.569, 15.34
xyY	0.313, 0.376, 18.569
CIE-LCH	50.179, 15.98, 141.106
CIE-LUV	50.179, -10.562, 15.136
Hunter-Lab	43.092, -11.453, 9.058
Binary	01101000, 01111101, 01100110

#687d66
```
#687d66 rgb(104,125,102)
```
#7b667d
```
#7b667d rgb(123,102,125)
```

Complementary Color

#747d66
```
#747d66 rgb(116,125,102)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#667d70
```
#667d70 rgb(102,125,112)
```

Analogous Color

#7d6674
```
#7d6674 rgb(125,102,116)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#70667d
```
#70667d rgb(112,102,125)
```

Split Complementary Color

#7d6668
```
#7d6668 rgb(125,102,104)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#66687d
```
#66687d rgb(102,104,125)
```

Triadic Color

#7d7b66
```
#7d7b66 rgb(125,123,102)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#66687d
```
#66687d rgb(102,104,125)
```
#7b667d
```
#7b667d rgb(123,102,125)
```

Tetradic Color

#455344
```
#455344 rgb(69,83,68)
```
#51614f
```
#51614f rgb(81,97,79)
```
#5c6f5b
```
#5c6f5b rgb(92,111,91)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#748b71
```
#748b71 rgb(116,139,113)
```
#81977f
```
#81977f rgb(129,151,127)
```
#8fa28d
```
#8fa28d rgb(143,162,141)
```

Monochromatic Color

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

#6e7d66
```
#6e7d66 rgb(110,125,102)
```
#6c7d66
```
#6c7d66 rgb(108,125,102)
```
#6a7d66
```
#6a7d66 rgb(106,125,102)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#667d66
```
#667d66 rgb(102,125,102)
```
#667d68
```
#667d68 rgb(102,125,104)
```
#667d6a
```
#667d6a rgb(102,125,106)
```

Similar Colors

Text with hexadecimal color #687d66

This text has a font color of #687d66.

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

#687d66 background color

This paragraph has a background color of #687d66.

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

#687d66 border color

This element has a border color of #687d66.

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

CSS codes

.text {color:#687d66;}

.background {background-color:#687d66;}

.border {border:1px solid #687d66;}

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

#050605
```
#050605 rgb(5,6,5)
```
#0e110e
```
#0e110e rgb(14,17,14)
```
#171c17
```
#171c17 rgb(23,28,23)
```
#20271f
```
#20271f rgb(32,39,31)
```
#293128
```
#293128 rgb(41,49,40)
```
#323c31
```
#323c31 rgb(50,60,49)
```
#3b473a
```
#3b473a rgb(59,71,58)
```
#445243
```
#445243 rgb(68,82,67)
```
#4d5d4c
```
#4d5d4c rgb(77,93,76)
```
#566754
```
#566754 rgb(86,103,84)
```
#5f725d
```
#5f725d rgb(95,114,93)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#71886f
```
#71886f rgb(113,136,111)
```

Shade Color Variation

#7b9179
```
#7b9179 rgb(123,145,121)
```
#869a84
```
#869a84 rgb(134,154,132)
```
#90a38e
```
#90a38e rgb(144,163,142)
```
#9bac99
```
#9bac99 rgb(155,172,153)
```
#a5b5a4
```
#a5b5a4 rgb(165,181,164)
```
#b0beaf
```
#b0beaf rgb(176,190,175)
```
#bbc6ba
```
#bbc6ba rgb(187,198,186)
```
#c5cfc4
```
#c5cfc4 rgb(197,207,196)
```
#d0d8cf
```
#d0d8cf rgb(208,216,207)
```
#dbe1da
```
#dbe1da rgb(219,225,218)
```
#e5eae5
```
#e5eae5 rgb(229,234,229)
```
#f0f2f0
```
#f0f2f0 rgb(240,242,240)
```
#fafbfa
```
#fafbfa rgb(250,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f746f is the less saturated color, while #19dd06 is the most saturated one.

#6f746f
```
#6f746f rgb(111,116,111)
```
#687d66
```
#687d66 rgb(104,125,102)
```
#61865d
```
#61865d rgb(97,134,93)
```
#5a8e55
```
#5a8e55 rgb(90,142,85)
```
#52974c
```
#52974c rgb(82,151,76)
```
#4ba043
```
#4ba043 rgb(75,160,67)
```
#44a93a
```
#44a93a rgb(68,169,58)
```
#3db132
```
#3db132 rgb(61,177,50)
```
#36ba29
```
#36ba29 rgb(54,186,41)
```
#2ec320
```
#2ec320 rgb(46,195,32)
```
#27cc17
```
#27cc17 rgb(39,204,23)
```
#20d40f
```
#20d40f rgb(32,212,15)
```
#19dd06
```
#19dd06 rgb(25,221,6)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#727671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857e6b Protanopia 1% of men
#8f7a71 Deuteranopia 1% of men
#757f89 Tritanopia 0.001% of the population

Trichromacy

#7a7d69 Protanomaly 1% of men, 0.01% of women
#807b6d Deuteranomaly 6% of men, 0.4% of women
#707e7c Tritanomaly 0.01% of the population

#687d66 hex color

#687d66 Color Information

#687d66 Color Conversion

Color Schemes with #687d66

Alternatives to #687d66

#687d66 Preview

Shades and Tints of #687d66

Tones of #687d66

Color Blindness Simulator