#687b6a hex color

In a RGB color space, hex #687b6a is composed of 40.8% red, 48.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 13.8% yellow and 51.8% black. It has a hue angle of 126.3 degrees, a saturation of 8.4% and a lightness of 44.5%. #687b6a color hex could be obtained by blending #d0f6d4 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #687b6a has RGB values of R:104, G:123, B:106 and CMYK values of C:0.15, M:0, Y:0.14, K:0.52. Its decimal value is 6847338.

Hex triplet	687b6a	`#687b6a`
RGB Decimal	104, 123, 106	`rgb(104,123,106)`
RGB Percent	40.8, 48.2, 41.6	`rgb(40.8%,48.2%,41.6%)`
CMYK	15, 0, 14, 52
HSL	126.3°, 8.4, 44.5	`hsl(126.3,8.4%,44.5%)`
HSV (or HSB)	126.3°, 15.4, 48.2
Web Safe	666666	`#666666`

CIE-LAB	49.677, -10.55, 6.982
XYZ	15.393, 18.149, 16.327
xyY	0.309, 0.364, 18.149
CIE-LCH	49.677, 12.651, 146.504
CIE-LUV	49.677, -9.639, 10.927
Hunter-Lab	42.602, -10.059, 7.099
Binary	01101000, 01111011, 01101010

#687b6a
```
#687b6a rgb(104,123,106)
```
#7b6879
```
#7b6879 rgb(123,104,121)
```

Complementary Color

#707b68
```
#707b68 rgb(112,123,104)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#687b74
```
#687b74 rgb(104,123,116)
```

Analogous Color

#7b6870
```
#7b6870 rgb(123,104,112)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#74687b
```
#74687b rgb(116,104,123)
```

Split Complementary Color

#7b6a68
```
#7b6a68 rgb(123,106,104)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#6a687b
```
#6a687b rgb(106,104,123)
```

Triadic Color

#797b68
```
#797b68 rgb(121,123,104)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#6a687b
```
#6a687b rgb(106,104,123)
```
#7b6879
```
#7b6879 rgb(123,104,121)
```

Tetradic Color

#455246
```
#455246 rgb(69,82,70)
```
#515f52
```
#515f52 rgb(81,95,82)
```
#5c6d5e
```
#5c6d5e rgb(92,109,94)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#748976
```
#748976 rgb(116,137,118)
```
#819583
```
#819583 rgb(129,149,131)
```
#8fa091
```
#8fa091 rgb(143,160,145)
```

Monochromatic Color

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

#6b7b68
```
#6b7b68 rgb(107,123,104)
```
#697b68
```
#697b68 rgb(105,123,104)
```
#687b68
```
#687b68 rgb(104,123,104)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#687b6c
```
#687b6c rgb(104,123,108)
```
#687b6d
```
#687b6d rgb(104,123,109)
```
#687b6f
```
#687b6f rgb(104,123,111)
```

Similar Colors

Text with hexadecimal color #687b6a

This text has a font color of #687b6a.

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

#687b6a background color

This paragraph has a background color of #687b6a.

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

#687b6a border color

This element has a border color of #687b6a.

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

CSS codes

.text {color:#687b6a;}

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

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

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

#050605
```
#050605 rgb(5,6,5)
```
#0e110e
```
#0e110e rgb(14,17,14)
```
#171b18
```
#171b18 rgb(23,27,24)
```
#202621
```
#202621 rgb(32,38,33)
```
#29312a
```
#29312a rgb(41,49,42)
```
#323b33
```
#323b33 rgb(50,59,51)
```
#3b463c
```
#3b463c rgb(59,70,60)
```
#445045
```
#445045 rgb(68,80,69)
```
#4d5b4f
```
#4d5b4f rgb(77,91,79)
```
#566658
```
#566658 rgb(86,102,88)
```
#5f7061
```
#5f7061 rgb(95,112,97)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#718673
```
#718673 rgb(113,134,115)
```

Shade Color Variation

#7b8f7d
```
#7b8f7d rgb(123,143,125)
```
#869888
```
#869888 rgb(134,152,136)
```
#90a192
```
#90a192 rgb(144,161,146)
```
#9baa9c
```
#9baa9c rgb(155,170,156)
```
#a5b3a7
```
#a5b3a7 rgb(165,179,167)
```
#b0bcb1
```
#b0bcb1 rgb(176,188,177)
```
#bbc5bc
```
#bbc5bc rgb(187,197,188)
```
#c5cec6
```
#c5cec6 rgb(197,206,198)
```
#d0d7d1
```
#d0d7d1 rgb(208,215,209)
```
#dbe0db
```
#dbe0db rgb(219,224,219)
```
#e5e9e6
```
#e5e9e6 rgb(229,233,230)
```
#f0f2f0
```
#f0f2f0 rgb(240,242,240)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#717271
```
#717271 rgb(113,114,113)
```
#687b6a
```
#687b6a rgb(104,123,106)
```
#5f8463
```
#5f8463 rgb(95,132,99)
```
#578c5c
```
#578c5c rgb(87,140,92)
```
#4e9555
```
#4e9555 rgb(78,149,85)
```
#459e4e
```
#459e4e rgb(69,158,78)
```
#3ca748
```
#3ca748 rgb(60,167,72)
```
#34af41
```
#34af41 rgb(52,175,65)
```
#2bb83a
```
#2bb83a rgb(43,184,58)
```
#22c133
```
#22c133 rgb(34,193,51)
```
#19ca2c
```
#19ca2c rgb(25,202,44)
```
#11d225
```
#11d225 rgb(17,210,37)
```
#08db1e
```
#08db1e rgb(8,219,30)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#717571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827c6f Protanopia 1% of men
#8c7974 Deuteranopia 1% of men
#747e87 Tritanopia 0.001% of the population

Trichromacy

#787c6d Protanomaly 1% of men, 0.01% of women
#7e7970 Deuteranomaly 6% of men, 0.4% of women
#6f7d7c Tritanomaly 0.01% of the population

#687b6a hex color

#687b6a Color Information

#687b6a Color Conversion

Color Schemes with #687b6a

Alternatives to #687b6a

#687b6a Preview

Shades and Tints of #687b6a

Tones of #687b6a

Color Blindness Simulator