#687b4b hex color

In a RGB color space, hex #687b4b is composed of 40.8% red, 48.2% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 39% yellow and 51.8% black. It has a hue angle of 83.8 degrees, a saturation of 24.2% and a lightness of 38.8%. #687b4b color hex could be obtained by blending #d0f696 with #000000. Closest websafe color is: #666633.

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

● #687b4b color description : Mostly desaturated dark green.

The hexadecimal color #687b4b has RGB values of R:104, G:123, B:75 and CMYK values of C:0.15, M:0, Y:0.39, K:0.52. Its decimal value is 6847307.

Hex triplet	687b4b	`#687b4b`
RGB Decimal	104, 123, 75	`rgb(104,123,75)`
RGB Percent	40.8, 48.2, 29.4	`rgb(40.8%,48.2%,29.4%)`
CMYK	15, 0, 39, 52
HSL	83.8°, 24.2, 38.8	`hsl(83.8,24.2%,38.8%)`
HSV (or HSB)	83.8°, 39, 48.2
Web Safe	666633	`#666633`

CIE-LAB	49.028, -15.848, 23.989
XYZ	14.062, 17.617, 9.316
xyY	0.343, 0.43, 17.617
CIE-LCH	49.028, 28.751, 123.451
CIE-LUV	49.028, -9.041, 31.462
Hunter-Lab	41.972, -13.651, 16.221
Binary	01101000, 01111011, 01001011

#687b4b
```
#687b4b rgb(104,123,75)
```
#5e4b7b
```
#5e4b7b rgb(94,75,123)
```

Complementary Color

#7b764b
```
#7b764b rgb(123,118,75)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#507b4b
```
#507b4b rgb(80,123,75)
```

Analogous Color

#764b7b
```
#764b7b rgb(118,75,123)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#4b507b
```
#4b507b rgb(75,80,123)
```

Split Complementary Color

#7b4b68
```
#7b4b68 rgb(123,75,104)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#4b687b
```
#4b687b rgb(75,104,123)
```

Triadic Color

#7b5e4b
```
#7b5e4b rgb(123,94,75)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#4b687b
```
#4b687b rgb(75,104,123)
```
#5e4b7b
```
#5e4b7b rgb(94,75,123)
```

Tetradic Color

#404b2e
```
#404b2e rgb(64,75,46)
```
#4d5b38
```
#4d5b38 rgb(77,91,56)
```
#5b6b41
```
#5b6b41 rgb(91,107,65)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#758b55
```
#758b55 rgb(117,139,85)
```
#839b5e
```
#839b5e rgb(131,155,94)
```
#8fa66d
```
#8fa66d rgb(143,166,109)
```

Monochromatic Color

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

#747b4b
```
#747b4b rgb(116,123,75)
```
#707b4b
```
#707b4b rgb(112,123,75)
```
#6c7b4b
```
#6c7b4b rgb(108,123,75)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#647b4b
```
#647b4b rgb(100,123,75)
```
#607b4b
```
#607b4b rgb(96,123,75)
```
#5c7b4b
```
#5c7b4b rgb(92,123,75)
```

Similar Colors

Text with hexadecimal color #687b4b

This text has a font color of #687b4b.

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

#687b4b background color

This paragraph has a background color of #687b4b.

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

#687b4b border color

This element has a border color of #687b4b.

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

CSS codes

.text {color:#687b4b;}

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

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

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 #f7f8f4 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0b0d08
```
#0b0d08 rgb(11,13,8)
```
#161a10
```
#161a10 rgb(22,26,16)
```
#202617
```
#202617 rgb(32,38,23)
```
#2a321e
```
#2a321e rgb(42,50,30)
```
#343e26
```
#343e26 rgb(52,62,38)
```
#3f4a2d
```
#3f4a2d rgb(63,74,45)
```
#495635
```
#495635 rgb(73,86,53)
```
#53633c
```
#53633c rgb(83,99,60)
```
#5e6f44
```
#5e6f44 rgb(94,111,68)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#728752
```
#728752 rgb(114,135,82)
```
#7d935a
```
#7d935a rgb(125,147,90)
```

Shade Color Variation

#879f62
```
#879f62 rgb(135,159,98)
```
#90a76e
```
#90a76e rgb(144,167,110)
```
#99ae7a
```
#99ae7a rgb(153,174,122)
```
#a3b586
```
#a3b586 rgb(163,181,134)
```
#acbd92
```
#acbd92 rgb(172,189,146)
```
#b5c49f
```
#b5c49f rgb(181,196,159)
```
#bfccab
```
#bfccab rgb(191,204,171)
```
#c8d3b7
```
#c8d3b7 rgb(200,211,183)
```
#d1dbc3
```
#d1dbc3 rgb(209,219,195)
```
#dbe2cf
```
#dbe2cf rgb(219,226,207)
```
#e4e9dc
```
#e4e9dc rgb(228,233,220)
```
#edf1e8
```
#edf1e8 rgb(237,241,232)
```
#f7f8f4
```
#f7f8f4 rgb(247,248,244)
```

Tint Color Variation

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

#636462
```
#636462 rgb(99,100,98)
```
#656c5a
```
#656c5a rgb(101,108,90)
```
#667353
```
#667353 rgb(102,115,83)
```
#687b4b
```
#687b4b rgb(104,123,75)
```
#6a8343
```
#6a8343 rgb(106,131,67)
```
#6b8a3c
```
#6b8a3c rgb(107,138,60)
```
#6d9234
```
#6d9234 rgb(109,146,52)
```
#6e992d
```
#6e992d rgb(110,153,45)
```
#70a125
```
#70a125 rgb(112,161,37)
```
#72a91d
```
#72a91d rgb(114,169,29)
```
#73b016
```
#73b016 rgb(115,176,22)
```
#75b80e
```
#75b80e rgb(117,184,14)
```
#76c006
```
#76c006 rgb(118,192,6)
```

Tone Color Variation

Below, you can see how #687b4b 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
#6e7269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b52 Protanopia 1% of men
#927657 Deuteranopia 1% of men
#777b84 Tritanopia 0.001% of the population

Trichromacy

#7b7b4f Protanomaly 1% of men, 0.01% of women
#837853 Deuteranomaly 6% of men, 0.4% of women
#717b6f Tritanomaly 0.01% of the population

#687b4b hex color

#687b4b Color Information

#687b4b Color Conversion

Color Schemes with #687b4b

Alternatives to #687b4b

#687b4b Preview

Shades and Tints of #687b4b

Tones of #687b4b

Color Blindness Simulator