#687b5f hex color

In a RGB color space, hex #687b5f is composed of 40.8% red, 48.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 22.8% yellow and 51.8% black. It has a hue angle of 100.7 degrees, a saturation of 12.8% and a lightness of 42.7%. #687b5f color hex could be obtained by blending #d0f6be with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 48
- B 37
RGB color chart
- C 15
- M 0
- Y 23
- K 52
CMYK color chart

● #687b5f color description : Dark grayish green.

The hexadecimal color #687b5f has RGB values of R:104, G:123, B:95 and CMYK values of C:0.15, M:0, Y:0.23, K:0.52. Its decimal value is 6847327.

Hex triplet	687b5f	`#687b5f`
RGB Decimal	104, 123, 95	`rgb(104,123,95)`
RGB Percent	40.8, 48.2, 37.3	`rgb(40.8%,48.2%,37.3%)`
CMYK	15, 0, 23, 52
HSL	100.7°, 12.8, 42.7	`hsl(100.7,12.8%,42.7%)`
HSV (or HSB)	100.7°, 22.8, 48.2
Web Safe	666666	`#666666`

CIE-LAB	49.417, -12.631, 13.047
XYZ	14.857, 17.935, 13.505
xyY	0.321, 0.387, 17.935
CIE-LCH	49.417, 18.159, 134.071
CIE-LUV	49.417, -9.408, 18.79
Hunter-Lab	42.35, -11.491, 10.738
Binary	01101000, 01111011, 01011111

#687b5f
```
#687b5f rgb(104,123,95)
```
#725f7b
```
#725f7b rgb(114,95,123)
```

Complementary Color

#767b5f
```
#767b5f rgb(118,123,95)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#5f7b64
```
#5f7b64 rgb(95,123,100)
```

Analogous Color

#7b5f76
```
#7b5f76 rgb(123,95,118)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#645f7b
```
#645f7b rgb(100,95,123)
```

Split Complementary Color

#7b5f68
```
#7b5f68 rgb(123,95,104)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#5f687b
```
#5f687b rgb(95,104,123)
```

Triadic Color

#7b725f
```
#7b725f rgb(123,114,95)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#5f687b
```
#5f687b rgb(95,104,123)
```
#725f7b
```
#725f7b rgb(114,95,123)
```

Tetradic Color

#44503e
```
#44503e rgb(68,80,62)
```
#505e49
```
#505e49 rgb(80,94,73)
```
#5c6d54
```
#5c6d54 rgb(92,109,84)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#74896a
```
#74896a rgb(116,137,106)
```
#819677
```
#819677 rgb(129,150,119)
```
#8ea185
```
#8ea185 rgb(142,161,133)
```

Monochromatic Color

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

#6f7b5f
```
#6f7b5f rgb(111,123,95)
```
#6d7b5f
```
#6d7b5f rgb(109,123,95)
```
#6a7b5f
```
#6a7b5f rgb(106,123,95)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#667b5f
```
#667b5f rgb(102,123,95)
```
#637b5f
```
#637b5f rgb(99,123,95)
```
#617b5f
```
#617b5f rgb(97,123,95)
```

Similar Colors

Text with hexadecimal color #687b5f

This text has a font color of #687b5f.

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

#687b5f background color

This paragraph has a background color of #687b5f.

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

#687b5f border color

This element has a border color of #687b5f.

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

CSS codes

.text {color:#687b5f;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0c0a
```
#0a0c0a rgb(10,12,10)
```
#141712
```
#141712 rgb(20,23,18)
```
#1d221b
```
#1d221b rgb(29,34,27)
```
#262e23
```
#262e23 rgb(38,46,35)
```
#30392c
```
#30392c rgb(48,57,44)
```
#394434
```
#394434 rgb(57,68,52)
```
#434f3d
```
#434f3d rgb(67,79,61)
```
#4c5a45
```
#4c5a45 rgb(76,90,69)
```
#55654e
```
#55654e rgb(85,101,78)
```
#5f7056
```
#5f7056 rgb(95,112,86)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#718668
```
#718668 rgb(113,134,104)
```

Shade Color Variation

#7b9170
```
#7b9170 rgb(123,145,112)
```
#85997b
```
#85997b rgb(133,153,123)
```
#8fa287
```
#8fa287 rgb(143,162,135)
```
#9aaa92
```
#9aaa92 rgb(154,170,146)
```
#a4b39d
```
#a4b39d rgb(164,179,157)
```
#aebca8
```
#aebca8 rgb(174,188,168)
```
#b8c4b3
```
#b8c4b3 rgb(184,196,179)
```
#c3cdbe
```
#c3cdbe rgb(195,205,190)
```
#cdd5c9
```
#cdd5c9 rgb(205,213,201)
```
#d7ded4
```
#d7ded4 rgb(215,222,212)
```
#e1e6df
```
#e1e6df rgb(225,230,223)
```
#ecefea
```
#ecefea rgb(236,239,234)
```
#f6f7f5
```
#f6f7f5 rgb(246,247,245)
```

Tint Color Variation

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

#6b7367
```
#6b7367 rgb(107,115,103)
```
#687b5f
```
#687b5f rgb(104,123,95)
```
#658357
```
#658357 rgb(101,131,87)
```
#628c4e
```
#628c4e rgb(98,140,78)
```
#5f9446
```
#5f9446 rgb(95,148,70)
```
#5c9d3d
```
#5c9d3d rgb(92,157,61)
```
#59a535
```
#59a535 rgb(89,165,53)
```
#56ad2d
```
#56ad2d rgb(86,173,45)
```
#53b624
```
#53b624 rgb(83,182,36)
```
#50be1c
```
#50be1c rgb(80,190,28)
```
#4dc614
```
#4dc614 rgb(77,198,20)
```
#4acf0b
```
#4acf0b rgb(74,207,11)
```
#47d703
```
#47d703 rgb(71,215,3)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#70746e Atypical Achromatopsia 0.001% of the population

Dichromacy

#847c64 Protanopia 1% of men
#8e786a Deuteranopia 1% of men
#757d86 Tritanopia 0.001% of the population

Trichromacy

#797b62 Protanomaly 1% of men, 0.01% of women
#807966 Deuteranomaly 6% of men, 0.4% of women
#707c78 Tritanomaly 0.01% of the population

#687b5f hex color

#687b5f Color Information

#687b5f Color Conversion

Color Schemes with #687b5f

Alternatives to #687b5f

#687b5f Preview

Shades and Tints of #687b5f

Tones of #687b5f

Color Blindness Simulator