#687661 hex color

In a RGB color space, hex #687661 is composed of 40.8% red, 46.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 0% magenta, 17.8% yellow and 53.7% black. It has a hue angle of 100 degrees, a saturation of 9.8% and a lightness of 42.2%. #687661 color hex could be obtained by blending #d0ecc2 with #000000. Closest websafe color is: #666666.

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

● #687661 color description : Dark grayish green.

The hexadecimal color #687661 has RGB values of R:104, G:118, B:97 and CMYK values of C:0.12, M:0, Y:0.18, K:0.54. Its decimal value is 6846049.

Hex triplet	687661	`#687661`
RGB Decimal	104, 118, 97	`rgb(104,118,97)`
RGB Percent	40.8, 46.3, 38	`rgb(40.8%,46.3%,38%)`
CMYK	12, 0, 18, 54
HSL	100°, 9.8, 42.2	`hsl(100,9.8%,42.2%)`
HSV (or HSB)	100°, 17.8, 46.3
Web Safe	666666	`#666666`

CIE-LAB	47.96, -9.482, 9.841
XYZ	14.345, 16.763, 13.788
xyY	0.32, 0.373, 16.763
CIE-LCH	47.96, 13.666, 133.934
CIE-LUV	47.96, -6.879, 14.239
Hunter-Lab	40.942, -9.11, 8.692
Binary	01101000, 01110110, 01100001

#687661
```
#687661 rgb(104,118,97)
```
#6f6176
```
#6f6176 rgb(111,97,118)
```

Complementary Color

#737661
```
#737661 rgb(115,118,97)
```
#687661
```
#687661 rgb(104,118,97)
```
#617665
```
#617665 rgb(97,118,101)
```

Analogous Color

#766173
```
#766173 rgb(118,97,115)
```
#687661
```
#687661 rgb(104,118,97)
```
#656176
```
#656176 rgb(101,97,118)
```

Split Complementary Color

#766168
```
#766168 rgb(118,97,104)
```
#687661
```
#687661 rgb(104,118,97)
```
#616876
```
#616876 rgb(97,104,118)
```

Triadic Color

#766f61
```
#766f61 rgb(118,111,97)
```
#687661
```
#687661 rgb(104,118,97)
```
#616876
```
#616876 rgb(97,104,118)
```
#6f6176
```
#6f6176 rgb(111,97,118)
```

Tetradic Color

#434c3e
```
#434c3e rgb(67,76,62)
```
#4f5a4a
```
#4f5a4a rgb(79,90,74)
```
#5c6855
```
#5c6855 rgb(92,104,85)
```
#687661
```
#687661 rgb(104,118,97)
```
#74846d
```
#74846d rgb(116,132,109)
```
#819179
```
#819179 rgb(129,145,121)
```
#8e9c87
```
#8e9c87 rgb(142,156,135)
```

Monochromatic Color

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

#6d7661
```
#6d7661 rgb(109,118,97)
```
#6c7661
```
#6c7661 rgb(108,118,97)
```
#6a7661
```
#6a7661 rgb(106,118,97)
```
#687661
```
#687661 rgb(104,118,97)
```
#667661
```
#667661 rgb(102,118,97)
```
#657661
```
#657661 rgb(101,118,97)
```
#637661
```
#637661 rgb(99,118,97)
```

Similar Colors

Text with hexadecimal color #687661

This text has a font color of #687661.

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

#687661 background color

This paragraph has a background color of #687661.

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

#687661 border color

This element has a border color of #687661.

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

CSS codes

.text {color:#687661;}

.background {background-color:#687661;}

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

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, #090a09 is the darkest color, while #ffffff is the lightest one.

#090a09
```
#090a09 rgb(9,10,9)
```
#131511
```
#131511 rgb(19,21,17)
```
#1c201a
```
#1c201a rgb(28,32,26)
```
#262b23
```
#262b23 rgb(38,43,35)
```
#2f352c
```
#2f352c rgb(47,53,44)
```
#394035
```
#394035 rgb(57,64,53)
```
#424b3e
```
#424b3e rgb(66,75,62)
```
#4c5646
```
#4c5646 rgb(76,86,70)
```
#55604f
```
#55604f rgb(85,96,79)
```
#5f6b58
```
#5f6b58 rgb(95,107,88)
```
#687661
```
#687661 rgb(104,118,97)
```
#71816a
```
#71816a rgb(113,129,106)
```
#7b8c73
```
#7b8c73 rgb(123,140,115)
```

Shade Color Variation

#85947d
```
#85947d rgb(133,148,125)
```
#8f9d88
```
#8f9d88 rgb(143,157,136)
```
#99a693
```
#99a693 rgb(153,166,147)
```
#a3af9e
```
#a3af9e rgb(163,175,158)
```
#aeb8a8
```
#aeb8a8 rgb(174,184,168)
```
#b8c1b3
```
#b8c1b3 rgb(184,193,179)
```
#c2cabe
```
#c2cabe rgb(194,202,190)
```
#ccd2c9
```
#ccd2c9 rgb(204,210,201)
```
#d6dbd4
```
#d6dbd4 rgb(214,219,212)
```
#e0e4de
```
#e0e4de rgb(224,228,222)
```
#eaede9
```
#eaede9 rgb(234,237,233)
```
#f4f6f4
```
#f4f6f4 rgb(244,246,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6b6e69
```
#6b6e69 rgb(107,110,105)
```
#687661
```
#687661 rgb(104,118,97)
```
#657e59
```
#657e59 rgb(101,126,89)
```
#628750
```
#628750 rgb(98,135,80)
```
#608f48
```
#608f48 rgb(96,143,72)
```
#5d9740
```
#5d9740 rgb(93,151,64)
```
#5a9f38
```
#5a9f38 rgb(90,159,56)
```
#57a82f
```
#57a82f rgb(87,168,47)
```
#55b027
```
#55b027 rgb(85,176,39)
```
#52b81f
```
#52b81f rgb(82,184,31)
```
#4fc017
```
#4fc017 rgb(79,192,23)
```
#4cc90e
```
#4cc90e rgb(76,201,14)
```
#4ad106
```
#4ad106 rgb(74,209,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6e706c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7867 Protanopia 1% of men
#89756b Deuteranopia 1% of men
#747982 Tritanopia 0.001% of the population

Trichromacy

#767764 Protanomaly 1% of men, 0.01% of women
#7d7567 Deuteranomaly 6% of men, 0.4% of women
#6f7876 Tritanomaly 0.01% of the population

#687661 hex color

#687661 Color Information

#687661 Color Conversion

Color Schemes with #687661

Alternatives to #687661

#687661 Preview

Shades and Tints of #687661

Tones of #687661

Color Blindness Simulator