#688d5a hex color

In a RGB color space, hex #688d5a is composed of 40.8% red, 55.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0% magenta, 36.2% yellow and 44.7% black. It has a hue angle of 103.5 degrees, a saturation of 22.1% and a lightness of 45.3%. #688d5a color hex could be obtained by blending #d0ffb4 with #001b00. Closest websafe color is: #669966.

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

● #688d5a color description : Mostly desaturated dark green.

The hexadecimal color #688d5a has RGB values of R:104, G:141, B:90 and CMYK values of C:0.26, M:0, Y:0.36, K:0.45. Its decimal value is 6851930.

Hex triplet	688d5a	`#688d5a`
RGB Decimal	104, 141, 90	`rgb(104,141,90)`
RGB Percent	40.8, 55.3, 35.3	`rgb(40.8%,55.3%,35.3%)`
CMYK	26, 0, 36, 45
HSL	103.5°, 22.1, 45.3	`hsl(103.5,22.1%,45.3%)`
HSV (or HSB)	103.5°, 36.2, 55.3
Web Safe	669966	`#669966`

CIE-LAB	54.794, -22.998, 23.174
XYZ	17.079, 22.731, 13.16
xyY	0.322, 0.429, 22.731
CIE-LCH	54.794, 32.649, 134.782
CIE-LUV	54.794, -18.51, 32.977
Hunter-Lab	47.677, -19.492, 17.008
Binary	01101000, 10001101, 01011010

#688d5a
```
#688d5a rgb(104,141,90)
```
#7f5a8d
```
#7f5a8d rgb(127,90,141)
```

Complementary Color

#828d5a
```
#828d5a rgb(130,141,90)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#5a8d66
```
#5a8d66 rgb(90,141,102)
```

Analogous Color

#8d5a82
```
#8d5a82 rgb(141,90,130)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#665a8d
```
#665a8d rgb(102,90,141)
```

Split Complementary Color

#8d5a68
```
#8d5a68 rgb(141,90,104)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#5a688d
```
#5a688d rgb(90,104,141)
```

Triadic Color

#8d7f5a
```
#8d7f5a rgb(141,127,90)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#5a688d
```
#5a688d rgb(90,104,141)
```
#7f5a8d
```
#7f5a8d rgb(127,90,141)
```

Tetradic Color

#465e3c
```
#465e3c rgb(70,94,60)
```
#516e46
```
#516e46 rgb(81,110,70)
```
#5d7d50
```
#5d7d50 rgb(93,125,80)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#749c64
```
#749c64 rgb(116,156,100)
```
#82a674
```
#82a674 rgb(130,166,116)
```
#90b083
```
#90b083 rgb(144,176,131)
```

Monochromatic Color

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

#758d5a
```
#758d5a rgb(117,141,90)
```
#718d5a
```
#718d5a rgb(113,141,90)
```
#6c8d5a
```
#6c8d5a rgb(108,141,90)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#648d5a
```
#648d5a rgb(100,141,90)
```
#608d5a
```
#608d5a rgb(96,141,90)
```
#5b8d5a
```
#5b8d5a rgb(91,141,90)
```

Similar Colors

Text with hexadecimal color #688d5a

This text has a font color of #688d5a.

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

#688d5a background color

This paragraph has a background color of #688d5a.

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

#688d5a border color

This element has a border color of #688d5a.

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

CSS codes

.text {color:#688d5a;}

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

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

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

#070906
```
#070906 rgb(7,9,6)
```
#10150e
```
#10150e rgb(16,21,14)
```
#192115
```
#192115 rgb(25,33,21)
```
#212d1d
```
#212d1d rgb(33,45,29)
```
#2a3925
```
#2a3925 rgb(42,57,37)
```
#33452c
```
#33452c rgb(51,69,44)
```
#3c5134
```
#3c5134 rgb(60,81,52)
```
#455d3b
```
#455d3b rgb(69,93,59)
```
#4e6943
```
#4e6943 rgb(78,105,67)
```
#56754b
```
#56754b rgb(86,117,75)
```
#5f8152
```
#5f8152 rgb(95,129,82)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#719962
```
#719962 rgb(113,153,98)
```

Shade Color Variation

#7ba26d
```
#7ba26d rgb(123,162,109)
```
#86a979
```
#86a979 rgb(134,169,121)
```
#91b185
```
#91b185 rgb(145,177,133)
```
#9cb991
```
#9cb991 rgb(156,185,145)
```
#a6c09d
```
#a6c09d rgb(166,192,157)
```
#b1c8a9
```
#b1c8a9 rgb(177,200,169)
```
#bccfb4
```
#bccfb4 rgb(188,207,180)
```
#c7d7c0
```
#c7d7c0 rgb(199,215,192)
```
#d1dfcc
```
#d1dfcc rgb(209,223,204)
```
#dce6d8
```
#dce6d8 rgb(220,230,216)
```
#e7eee4
```
#e7eee4 rgb(231,238,228)
```
#f2f6f0
```
#f2f6f0 rgb(242,246,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707b6c is the less saturated color, while #40e601 is the most saturated one.

#707b6c
```
#707b6c rgb(112,123,108)
```
#6c8463
```
#6c8463 rgb(108,132,99)
```
#688d5a
```
#688d5a rgb(104,141,90)
```
#649651
```
#649651 rgb(100,150,81)
```
#609f48
```
#609f48 rgb(96,159,72)
```
#5ca83f
```
#5ca83f rgb(92,168,63)
```
#58b136
```
#58b136 rgb(88,177,54)
```
#54b92e
```
#54b92e rgb(84,185,46)
```
#50c225
```
#50c225 rgb(80,194,37)
```
#4ccb1c
```
#4ccb1c rgb(76,203,28)
```
#48d413
```
#48d413 rgb(72,212,19)
```
#44dd0a
```
#44dd0a rgb(68,221,10)
```
#40e601
```
#40e601 rgb(64,230,1)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#787f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94895e Protanopia 1% of men
#a18467 Deuteranopia 1% of men
#798c96 Tritanopia 0.001% of the population

Trichromacy

#848a5d Protanomaly 1% of men, 0.01% of women
#8c8762 Deuteranomaly 6% of men, 0.4% of women
#738c80 Tritanomaly 0.01% of the population

#688d5a hex color

#688d5a Color Information

#688d5a Color Conversion

Color Schemes with #688d5a

Alternatives to #688d5a

#688d5a Preview

Shades and Tints of #688d5a

Tones of #688d5a

Color Blindness Simulator