#688c78 hex color

In a RGB color space, hex #688c78 is composed of 40.8% red, 54.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 0% magenta, 14.3% yellow and 45.1% black. It has a hue angle of 146.7 degrees, a saturation of 14.8% and a lightness of 47.8%. #688c78 color hex could be obtained by blending #d0fff0 with #001900. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 41
- G 55
- B 47
RGB color chart
- C 26
- M 0
- Y 14
- K 45
CMYK color chart

● #688c78 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #688c78 has RGB values of R:104, G:140, B:120 and CMYK values of C:0.26, M:0, Y:0.14, K:0.45. Its decimal value is 6851704.

Hex triplet	688c78	`#688c78`
RGB Decimal	104, 140, 120	`rgb(104,140,120)`
RGB Percent	40.8, 54.9, 47.1	`rgb(40.8%,54.9%,47.1%)`
CMYK	26, 0, 14, 45
HSL	146.7°, 14.8, 47.8	`hsl(146.7,14.8%,47.8%)`
HSV (or HSB)	146.7°, 25.7, 54.9
Web Safe	669966	`#669966`

CIE-LAB	55.129, -16.947, 6.635
XYZ	18.476, 23.055, 21.245
xyY	0.294, 0.367, 23.055
CIE-LCH	55.129, 18.199, 158.619
CIE-LUV	55.129, -18.044, 11.77
Hunter-Lab	48.015, -15.34, 7.377
Binary	01101000, 10001100, 01111000

#688c78
```
#688c78 rgb(104,140,120)
```
#8c687c
```
#8c687c rgb(140,104,124)
```

Complementary Color

#6a8c68
```
#6a8c68 rgb(106,140,104)
```
#688c78
```
#688c78 rgb(104,140,120)
```
#688c8a
```
#688c8a rgb(104,140,138)
```

Analogous Color

#8c686a
```
#8c686a rgb(140,104,106)
```
#688c78
```
#688c78 rgb(104,140,120)
```
#8a688c
```
#8a688c rgb(138,104,140)
```

Split Complementary Color

#8c7868
```
#8c7868 rgb(140,120,104)
```
#688c78
```
#688c78 rgb(104,140,120)
```
#78688c
```
#78688c rgb(120,104,140)
```

Triadic Color

#7c8c68
```
#7c8c68 rgb(124,140,104)
```
#688c78
```
#688c78 rgb(104,140,120)
```
#78688c
```
#78688c rgb(120,104,140)
```
#8c687c
```
#8c687c rgb(140,104,124)
```

Tetradic Color

#476052
```
#476052 rgb(71,96,82)
```
#526f5f
```
#526f5f rgb(82,111,95)
```
#5d7d6b
```
#5d7d6b rgb(93,125,107)
```
#688c78
```
#688c78 rgb(104,140,120)
```
#759885
```
#759885 rgb(117,152,133)
```
#84a392
```
#84a392 rgb(132,163,146)
```
#92ae9f
```
#92ae9f rgb(146,174,159)
```

Monochromatic Color

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

#688c6f
```
#688c6f rgb(104,140,111)
```
#688c72
```
#688c72 rgb(104,140,114)
```
#688c75
```
#688c75 rgb(104,140,117)
```
#688c78
```
#688c78 rgb(104,140,120)
```
#688c7b
```
#688c7b rgb(104,140,123)
```
#688c7e
```
#688c7e rgb(104,140,126)
```
#688c81
```
#688c81 rgb(104,140,129)
```

Similar Colors

Text with hexadecimal color #688c78

This text has a font color of #688c78.

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

#688c78 background color

This paragraph has a background color of #688c78.

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

#688c78 border color

This element has a border color of #688c78.

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

CSS codes

.text {color:#688c78;}

.background {background-color:#688c78;}

.border {border:1px solid #688c78;}

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

#040504
```
#040504 rgb(4,5,4)
```
#0c100e
```
#0c100e rgb(12,16,14)
```
#141b18
```
#141b18 rgb(20,27,24)
```
#1d2721
```
#1d2721 rgb(29,39,33)
```
#25322b
```
#25322b rgb(37,50,43)
```
#2d3d34
```
#2d3d34 rgb(45,61,52)
```
#36483e
```
#36483e rgb(54,72,62)
```
#3e5448
```
#3e5448 rgb(62,84,72)
```
#475f51
```
#475f51 rgb(71,95,81)
```
#4f6a5b
```
#4f6a5b rgb(79,106,91)
```
#577565
```
#577565 rgb(87,117,101)
```
#60816e
```
#60816e rgb(96,129,110)
```
#688c78
```
#688c78 rgb(104,140,120)
```

Shade Color Variation

#729682
```
#729682 rgb(114,150,130)
```
#7d9e8c
```
#7d9e8c rgb(125,158,140)
```
#88a796
```
#88a796 rgb(136,167,150)
```
#93afa0
```
#93afa0 rgb(147,175,160)
```
#9fb7aa
```
#9fb7aa rgb(159,183,170)
```
#aac0b4
```
#aac0b4 rgb(170,192,180)
```
#b5c8be
```
#b5c8be rgb(181,200,190)
```
#c0d1c8
```
#c0d1c8 rgb(192,209,200)
```
#ccd9d2
```
#ccd9d2 rgb(204,217,210)
```
#d7e1dc
```
#d7e1dc rgb(215,225,220)
```
#e2eae5
```
#e2eae5 rgb(226,234,229)
```
#edf2ef
```
#edf2ef rgb(237,242,239)
```
#f9faf9
```
#f9faf9 rgb(249,250,249)
```

Tint Color Variation

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

#718379
```
#718379 rgb(113,131,121)
```
#688c78
```
#688c78 rgb(104,140,120)
```
#5f9577
```
#5f9577 rgb(95,149,119)
```
#559f76
```
#559f76 rgb(85,159,118)
```
#4ca875
```
#4ca875 rgb(76,168,117)
```
#42b274
```
#42b274 rgb(66,178,116)
```
#39bb73
```
#39bb73 rgb(57,187,115)
```
#30c472
```
#30c472 rgb(48,196,114)
```
#26ce71
```
#26ce71 rgb(38,206,113)
```
#1dd770
```
#1dd770 rgb(29,215,112)
```
#14e06f
```
#14e06f rgb(20,224,111)
```
#0aea6e
```
#0aea6e rgb(10,234,110)
```
#01f36d
```
#01f36d rgb(1,243,109)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7a827e Atypical Achromatopsia 0.001% of the population

Dichromacy

#90897b Protanopia 1% of men
#998582 Deuteranopia 1% of men
#758e98 Tritanopia 0.001% of the population

Trichromacy

#818a7a Protanomaly 1% of men, 0.01% of women
#87887e Deuteranomaly 6% of men, 0.4% of women
#708d8c Tritanomaly 0.01% of the population

#688c78 hex color

#688c78 Color Information

#688c78 Color Conversion

Color Schemes with #688c78

Alternatives to #688c78

#688c78 Preview

Shades and Tints of #688c78

Tones of #688c78

Color Blindness Simulator