#5f684a hex color

In a RGB color space, hex #5f684a is composed of 37.3% red, 40.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 28.8% yellow and 59.2% black. It has a hue angle of 78 degrees, a saturation of 16.9% and a lightness of 34.9%. #5f684a color hex could be obtained by blending #bed094 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #5f684a has RGB values of R:95, G:104, B:74 and CMYK values of C:0.09, M:0, Y:0.29, K:0.59. Its decimal value is 6252618.

Hex triplet	5f684a	`#5f684a`
RGB Decimal	95, 104, 74	`rgb(95,104,74)`
RGB Percent	37.3, 40.8, 29	`rgb(37.3%,40.8%,29%)`
CMYK	9, 0, 29, 59
HSL	78°, 16.9, 34.9	`hsl(78,16.9%,34.9%)`
HSV (or HSB)	78°, 28.8, 40.8
Web Safe	666633	`#666633`

CIE-LAB	42.503, -9.206, 15.795
XYZ	10.905, 12.828, 8.38
xyY	0.34, 0.399, 12.828
CIE-LCH	42.503, 18.282, 120.234
CIE-LUV	42.503, -3.815, 20.445
Hunter-Lab	35.816, -8.328, 11.199
Binary	01011111, 01101000, 01001010

#5f684a
```
#5f684a rgb(95,104,74)
```
#534a68
```
#534a68 rgb(83,74,104)
```

Complementary Color

#68624a
```
#68624a rgb(104,98,74)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#50684a
```
#50684a rgb(80,104,74)
```

Analogous Color

#624a68
```
#624a68 rgb(98,74,104)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#4a5068
```
#4a5068 rgb(74,80,104)
```

Split Complementary Color

#684a5f
```
#684a5f rgb(104,74,95)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```

Triadic Color

#68534a
```
#68534a rgb(104,83,74)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#4a5f68
```
#4a5f68 rgb(74,95,104)
```
#534a68
```
#534a68 rgb(83,74,104)
```

Tetradic Color

#363b2a
```
#363b2a rgb(54,59,42)
```
#444a35
```
#444a35 rgb(68,74,53)
```
#51593f
```
#51593f rgb(81,89,63)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#6d7755
```
#6d7755 rgb(109,119,85)
```
#7a865f
```
#7a865f rgb(122,134,95)
```
#88956a
```
#88956a rgb(136,149,106)
```

Monochromatic Color

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

#67684a
```
#67684a rgb(103,104,74)
```
#64684a
```
#64684a rgb(100,104,74)
```
#62684a
```
#62684a rgb(98,104,74)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#5d684a
```
#5d684a rgb(93,104,74)
```
#5a684a
```
#5a684a rgb(90,104,74)
```
#58684a
```
#58684a rgb(88,104,74)
```

Similar Colors

Text with hexadecimal color #5f684a

This text has a font color of #5f684a.

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

#5f684a background color

This paragraph has a background color of #5f684a.

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

#5f684a border color

This element has a border color of #5f684a.

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

CSS codes

.text {color:#5f684a;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0c09
```
#0b0c09 rgb(11,12,9)
```
#161811
```
#161811 rgb(22,24,17)
```
#202319
```
#202319 rgb(32,35,25)
```
#2b2f21
```
#2b2f21 rgb(43,47,33)
```
#353a29
```
#353a29 rgb(53,58,41)
```
#404632
```
#404632 rgb(64,70,50)
```
#4a513a
```
#4a513a rgb(74,81,58)
```
#555d42
```
#555d42 rgb(85,93,66)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#697352
```
#697352 rgb(105,115,82)
```
#747f5a
```
#747f5a rgb(116,127,90)
```
#7e8a62
```
#7e8a62 rgb(126,138,98)
```

Shade Color Variation

#89966b
```
#89966b rgb(137,150,107)
```
#929e76
```
#929e76 rgb(146,158,118)
```
#9ba682
```
#9ba682 rgb(155,166,130)
```
#a4ae8d
```
#a4ae8d rgb(164,174,141)
```
#adb699
```
#adb699 rgb(173,182,153)
```
#b7bea4
```
#b7bea4 rgb(183,190,164)
```
#c0c7b0
```
#c0c7b0 rgb(192,199,176)
```
#c9cfbb
```
#c9cfbb rgb(201,207,187)
```
#d2d7c7
```
#d2d7c7 rgb(210,215,199)
```
#dbdfd2
```
#dbdfd2 rgb(219,223,210)
```
#e4e7dd
```
#e4e7dd rgb(228,231,221)
```
#edefe9
```
#edefe9 rgb(237,239,233)
```
#f7f7f4
```
#f7f7f4 rgb(247,247,244)
```

Tint Color Variation

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

#5a5a58
```
#5a5a58 rgb(90,90,88)
```
#5c6151
```
#5c6151 rgb(92,97,81)
```
#5f684a
```
#5f684a rgb(95,104,74)
```
#626f43
```
#626f43 rgb(98,111,67)
```
#64763c
```
#64763c rgb(100,118,60)
```
#677d35
```
#677d35 rgb(103,125,53)
```
#6a832f
```
#6a832f rgb(106,131,47)
```
#6d8a28
```
#6d8a28 rgb(109,138,40)
```
#6f9121
```
#6f9121 rgb(111,145,33)
```
#72981a
```
#72981a rgb(114,152,26)
```
#759f13
```
#759f13 rgb(117,159,19)
```
#78a60c
```
#78a60c rgb(120,166,12)
```
#7aac06
```
#7aac06 rgb(122,172,6)
```

Tone Color Variation

Below, you can see how #5f684a 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
#61635d Atypical Achromatopsia 0.001% of the population

Dichromacy

#736c51 Protanopia 1% of men
#7e6855 Deuteranopia 1% of men
#6c6b73 Tritanopia 0.001% of the population

Trichromacy

#6c6a4f Protanomaly 1% of men, 0.01% of women
#726851 Deuteranomaly 6% of men, 0.4% of women
#676a64 Tritanomaly 0.01% of the population

#5f684a hex color

#5f684a Color Information

#5f684a Color Conversion

Color Schemes with #5f684a

Alternatives to #5f684a

#5f684a Preview

Shades and Tints of #5f684a

Tones of #5f684a

Color Blindness Simulator