#5f684d hex color

In a RGB color space, hex #5f684d is composed of 37.3% red, 40.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 26% yellow and 59.2% black. It has a hue angle of 80 degrees, a saturation of 14.9% and a lightness of 35.5%. #5f684d color hex could be obtained by blending #bed09a with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 41
- B 30
RGB color chart
- C 9
- M 0
- Y 26
- K 59
CMYK color chart

● #5f684d color description : Very dark grayish green.

The hexadecimal color #5f684d has RGB values of R:95, G:104, B:77 and CMYK values of C:0.09, M:0, Y:0.26, K:0.59. Its decimal value is 6252621.

Hex triplet	5f684d	`#5f684d`
RGB Decimal	95, 104, 77	`rgb(95,104,77)`
RGB Percent	37.3, 40.8, 30.2	`rgb(37.3%,40.8%,30.2%)`
CMYK	9, 0, 26, 59
HSL	80°, 14.9, 35.5	`hsl(80,14.9%,35.5%)`
HSV (or HSB)	80°, 26, 40.8
Web Safe	666666	`#666666`

CIE-LAB	42.566, -8.71, 14.097
XYZ	11.009, 12.869, 8.925
xyY	0.336, 0.392, 12.869
CIE-LCH	42.566, 16.571, 121.711
CIE-LUV	42.566, -3.908, 18.51
Hunter-Lab	35.874, -8.001, 10.361
Binary	01011111, 01101000, 01001101

#5f684d
```
#5f684d rgb(95,104,77)
```
#564d68
```
#564d68 rgb(86,77,104)
```

Complementary Color

#68644d
```
#68644d rgb(104,100,77)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#52684d
```
#52684d rgb(82,104,77)
```

Analogous Color

#644d68
```
#644d68 rgb(100,77,104)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#4d5268
```
#4d5268 rgb(77,82,104)
```

Split Complementary Color

#684d5f
```
#684d5f rgb(104,77,95)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#4d5f68
```
#4d5f68 rgb(77,95,104)
```

Triadic Color

#68564d
```
#68564d rgb(104,86,77)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#4d5f68
```
#4d5f68 rgb(77,95,104)
```
#564d68
```
#564d68 rgb(86,77,104)
```

Tetradic Color

#373c2c
```
#373c2c rgb(55,60,44)
```
#444b37
```
#444b37 rgb(68,75,55)
```
#525942
```
#525942 rgb(82,89,66)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#6c7758
```
#6c7758 rgb(108,119,88)
```
#7a8563
```
#7a8563 rgb(122,133,99)
```
#87946e
```
#87946e rgb(135,148,110)
```

Monochromatic Color

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

#66684d
```
#66684d rgb(102,104,77)
```
#64684d
```
#64684d rgb(100,104,77)
```
#61684d
```
#61684d rgb(97,104,77)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#5d684d
```
#5d684d rgb(93,104,77)
```
#5b684d
```
#5b684d rgb(91,104,77)
```
#58684d
```
#58684d rgb(88,104,77)
```

Similar Colors

Text with hexadecimal color #5f684d

This text has a font color of #5f684d.

<span style="color:#5f684d;">Text here</span>

#5f684d background color

This paragraph has a background color of #5f684d.

<p style="background-color:#5f684d;">Content here</p>

#5f684d border color

This element has a border color of #5f684d.

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

CSS codes

.text {color:#5f684d;}

.background {background-color:#5f684d;}

.border {border:1px solid #5f684d;}

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

#020302
```
#020302 rgb(2,3,2)
```
#0d0e0a
```
#0d0e0a rgb(13,14,10)
```
#171913
```
#171913 rgb(23,25,19)
```
#21241b
```
#21241b rgb(33,36,27)
```
#2c3023
```
#2c3023 rgb(44,48,35)
```
#363b2c
```
#363b2c rgb(54,59,44)
```
#404634
```
#404634 rgb(64,70,52)
```
#4a513c
```
#4a513c rgb(74,81,60)
```
#555d45
```
#555d45 rgb(85,93,69)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#697355
```
#697355 rgb(105,115,85)
```
#747f5e
```
#747f5e rgb(116,127,94)
```
#7e8a66
```
#7e8a66 rgb(126,138,102)
```

Shade Color Variation

#88946f
```
#88946f rgb(136,148,111)
```
#919d7a
```
#919d7a rgb(145,157,122)
```
#9ba586
```
#9ba586 rgb(155,165,134)
```
#a4ad91
```
#a4ad91 rgb(164,173,145)
```
#adb69c
```
#adb69c rgb(173,182,156)
```
#b7bea7
```
#b7bea7 rgb(183,190,167)
```
#c0c6b3
```
#c0c6b3 rgb(192,198,179)
```
#c9cfbe
```
#c9cfbe rgb(201,207,190)
```
#d3d7c9
```
#d3d7c9 rgb(211,215,201)
```
#dce0d4
```
#dce0d4 rgb(220,224,212)
```
#e5e8e0
```
#e5e8e0 rgb(229,232,224)
```
#eef0eb
```
#eef0eb rgb(238,240,235)
```
#f8f9f6
```
#f8f9f6 rgb(248,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6154 is the less saturated color, while #79b500 is the most saturated one.

#5d6154
```
#5d6154 rgb(93,97,84)
```
#5f684d
```
#5f684d rgb(95,104,77)
```
#616f46
```
#616f46 rgb(97,111,70)
```
#64763f
```
#64763f rgb(100,118,63)
```
#667d38
```
#667d38 rgb(102,125,56)
```
#688431
```
#688431 rgb(104,132,49)
```
#6b8b2a
```
#6b8b2a rgb(107,139,42)
```
#6d9223
```
#6d9223 rgb(109,146,35)
```
#6f991c
```
#6f991c rgb(111,153,28)
```
#72a015
```
#72a015 rgb(114,160,21)
```
#74a70e
```
#74a70e rgb(116,167,14)
```
#76ae07
```
#76ae07 rgb(118,174,7)
```
#79b500
```
#79b500 rgb(121,181,0)
```

Tone Color Variation

Below, you can see how #5f684d 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

#626262 Achromatopsia 0.005% of the population
#61635e Atypical Achromatopsia 0.001% of the population

Dichromacy

#736c54 Protanopia 1% of men
#7d6858 Deuteranopia 1% of men
#6c6b73 Tritanopia 0.001% of the population

Trichromacy

#6c6a51 Protanomaly 1% of men, 0.01% of women
#726854 Deuteranomaly 6% of men, 0.4% of women
#676a65 Tritanomaly 0.01% of the population

#5f684d hex color

#5f684d Color Information

#5f684d Color Conversion

Color Schemes with #5f684d

Alternatives to #5f684d

#5f684d Preview

Shades and Tints of #5f684d

Tones of #5f684d

Color Blindness Simulator