#687b6b hex color

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

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

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

The hexadecimal color #687b6b has RGB values of R:104, G:123, B:107 and CMYK values of C:0.15, M:0, Y:0.13, K:0.52. Its decimal value is 6847339.

Hex triplet	687b6b	`#687b6b`
RGB Decimal	104, 123, 107	`rgb(104,123,107)`
RGB Percent	40.8, 48.2, 42	`rgb(40.8%,48.2%,42%)`
CMYK	15, 0, 13, 52
HSL	129.5°, 8.4, 44.5	`hsl(129.5,8.4%,44.5%)`
HSV (or HSB)	129.5°, 15.4, 48.2
Web Safe	666666	`#666666`

CIE-LAB	49.702, -10.35, 6.431
XYZ	15.445, 18.17, 16.603
xyY	0.308, 0.362, 18.17
CIE-LCH	49.702, 12.185, 148.146
CIE-LUV	49.702, -9.661, 10.185
Hunter-Lab	42.627, -9.92, 6.746
Binary	01101000, 01111011, 01101011

#687b6b
```
#687b6b rgb(104,123,107)
```
#7b6878
```
#7b6878 rgb(123,104,120)
```

Complementary Color

#6f7b68
```
#6f7b68 rgb(111,123,104)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#687b75
```
#687b75 rgb(104,123,117)
```

Analogous Color

#7b686f
```
#7b686f rgb(123,104,111)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#75687b
```
#75687b rgb(117,104,123)
```

Split Complementary Color

#7b6b68
```
#7b6b68 rgb(123,107,104)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#6b687b
```
#6b687b rgb(107,104,123)
```

Triadic Color

#787b68
```
#787b68 rgb(120,123,104)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#6b687b
```
#6b687b rgb(107,104,123)
```
#7b6878
```
#7b6878 rgb(123,104,120)
```

Tetradic Color

#455247
```
#455247 rgb(69,82,71)
```
#515f53
```
#515f53 rgb(81,95,83)
```
#5c6d5f
```
#5c6d5f rgb(92,109,95)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#748977
```
#748977 rgb(116,137,119)
```
#819584
```
#819584 rgb(129,149,132)
```
#8fa092
```
#8fa092 rgb(143,160,146)
```

Monochromatic Color

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

#6a7b68
```
#6a7b68 rgb(106,123,104)
```
#687b68
```
#687b68 rgb(104,123,104)
```
#687b69
```
#687b69 rgb(104,123,105)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#687b6d
```
#687b6d rgb(104,123,109)
```
#687b6e
```
#687b6e rgb(104,123,110)
```
#687b70
```
#687b70 rgb(104,123,112)
```

Similar Colors

Text with hexadecimal color #687b6b

This text has a font color of #687b6b.

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

#687b6b background color

This paragraph has a background color of #687b6b.

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

#687b6b border color

This element has a border color of #687b6b.

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

CSS codes

.text {color:#687b6b;}

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

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

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)
```
#0e110f
```
#0e110f rgb(14,17,15)
```
#171b18
```
#171b18 rgb(23,27,24)
```
#202621
```
#202621 rgb(32,38,33)
```
#29312a
```
#29312a rgb(41,49,42)
```
#323b34
```
#323b34 rgb(50,59,52)
```
#3b463d
```
#3b463d rgb(59,70,61)
```
#445046
```
#445046 rgb(68,80,70)
```
#4d5b4f
```
#4d5b4f rgb(77,91,79)
```
#566659
```
#566659 rgb(86,102,89)
```
#5f7062
```
#5f7062 rgb(95,112,98)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#718674
```
#718674 rgb(113,134,116)
```

Shade Color Variation

#7b8f7e
```
#7b8f7e rgb(123,143,126)
```
#869889
```
#869889 rgb(134,152,137)
```
#90a193
```
#90a193 rgb(144,161,147)
```
#9baa9d
```
#9baa9d rgb(155,170,157)
```
#a5b3a8
```
#a5b3a8 rgb(165,179,168)
```
#b0bcb2
```
#b0bcb2 rgb(176,188,178)
```
#bbc5bc
```
#bbc5bc rgb(187,197,188)
```
#c5cec7
```
#c5cec7 rgb(197,206,199)
```
#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 #08db29 is the most saturated one.

#717271
```
#717271 rgb(113,114,113)
```
#687b6b
```
#687b6b rgb(104,123,107)
```
#5f8465
```
#5f8465 rgb(95,132,101)
```
#578c5f
```
#578c5f rgb(87,140,95)
```
#4e9559
```
#4e9559 rgb(78,149,89)
```
#459e53
```
#459e53 rgb(69,158,83)
```
#3ca74d
```
#3ca74d rgb(60,167,77)
```
#34af47
```
#34af47 rgb(52,175,71)
```
#2bb841
```
#2bb841 rgb(43,184,65)
```
#22c13b
```
#22c13b rgb(34,193,59)
```
#19ca35
```
#19ca35 rgb(25,202,53)
```
#11d22f
```
#11d22f rgb(17,210,47)
```
#08db29
```
#08db29 rgb(8,219,41)
```

Tone Color Variation

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

#827c70 Protanopia 1% of men
#8b7975 Deuteranopia 1% of men
#747e87 Tritanopia 0.001% of the population

Trichromacy

#787c6e Protanomaly 1% of men, 0.01% of women
#7e7971 Deuteranomaly 6% of men, 0.4% of women
#6f7d7d Tritanomaly 0.01% of the population

#687b6b hex color

#687b6b Color Information

#687b6b Color Conversion

Color Schemes with #687b6b

Alternatives to #687b6b

#687b6b Preview

Shades and Tints of #687b6b

Tones of #687b6b

Color Blindness Simulator