#5f682f hex color

In a RGB color space, hex #5f682f is composed of 37.3% red, 40.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 54.8% yellow and 59.2% black. It has a hue angle of 69.5 degrees, a saturation of 37.7% and a lightness of 29.6%. #5f682f color hex could be obtained by blending #bed05e with #000000. Closest websafe color is: #666633.

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

● #5f682f color description : Very dark desaturated yellow.

The hexadecimal color #5f682f has RGB values of R:95, G:104, B:47 and CMYK values of C:0.09, M:0, Y:0.55, K:0.59. Its decimal value is 6252591.

Hex triplet	5f682f	`#5f682f`
RGB Decimal	95, 104, 47	`rgb(95,104,47)`
RGB Percent	37.3, 40.8, 18.4	`rgb(37.3%,40.8%,18.4%)`
CMYK	9, 0, 55, 59
HSL	69.5°, 37.7, 29.6	`hsl(69.5,37.7%,29.6%)`
HSV (or HSB)	69.5°, 54.8, 40.8
Web Safe	666633	`#666633`

CIE-LAB	42.06, -12.788, 30.583
XYZ	10.183, 12.539, 4.573
xyY	0.373, 0.459, 12.539
CIE-LCH	42.06, 33.149, 112.691
CIE-LUV	42.06, -3.117, 35.001
Hunter-Lab	35.41, -10.638, 17.13
Binary	01011111, 01101000, 00101111

#5f682f
```
#5f682f rgb(95,104,47)
```
#382f68
```
#382f68 rgb(56,47,104)
```

Complementary Color

#68552f
```
#68552f rgb(104,85,47)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#43682f
```
#43682f rgb(67,104,47)
```

Analogous Color

#552f68
```
#552f68 rgb(85,47,104)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#2f4368
```
#2f4368 rgb(47,67,104)
```

Split Complementary Color

#682f5f
```
#682f5f rgb(104,47,95)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#2f5f68
```
#2f5f68 rgb(47,95,104)
```

Triadic Color

#68382f
```
#68382f rgb(104,56,47)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#2f5f68
```
#2f5f68 rgb(47,95,104)
```
#382f68
```
#382f68 rgb(56,47,104)
```

Tetradic Color

#2f3317
```
#2f3317 rgb(47,51,23)
```
#3f451f
```
#3f451f rgb(63,69,31)
```
#4f5627
```
#4f5627 rgb(79,86,39)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#6f7a37
```
#6f7a37 rgb(111,122,55)
```
#7f8b3f
```
#7f8b3f rgb(127,139,63)
```
#8f9d47
```
#8f9d47 rgb(143,157,71)
```

Monochromatic Color

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

#68632f
```
#68632f rgb(104,99,47)
```
#68682f
```
#68682f rgb(104,104,47)
```
#64682f
```
#64682f rgb(100,104,47)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#5a682f
```
#5a682f rgb(90,104,47)
```
#56682f
```
#56682f rgb(86,104,47)
```
#51682f
```
#51682f rgb(81,104,47)
```

Similar Colors

Text with hexadecimal color #5f682f

This text has a font color of #5f682f.

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

#5f682f background color

This paragraph has a background color of #5f682f.

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

#5f682f border color

This element has a border color of #5f682f.

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

CSS codes

.text {color:#5f682f;}

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

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

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

#090904
```
#090904 rgb(9,9,4)
```
#15170a
```
#15170a rgb(21,23,10)
```
#212410
```
#212410 rgb(33,36,16)
```
#2e3217
```
#2e3217 rgb(46,50,23)
```
#3a3f1d
```
#3a3f1d rgb(58,63,29)
```
#464d23
```
#464d23 rgb(70,77,35)
```
#535a29
```
#535a29 rgb(83,90,41)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#6b7635
```
#6b7635 rgb(107,118,53)
```
#78833b
```
#78833b rgb(120,131,59)
```
#849141
```
#849141 rgb(132,145,65)
```
#909e47
```
#909e47 rgb(144,158,71)
```
#9dac4e
```
#9dac4e rgb(157,172,78)
```

Shade Color Variation

#a6b459
```
#a6b459 rgb(166,180,89)
```
#adba66
```
#adba66 rgb(173,186,102)
```
#b4c074
```
#b4c074 rgb(180,192,116)
```
#bbc681
```
#bbc681 rgb(187,198,129)
```
#c3cc8f
```
#c3cc8f rgb(195,204,143)
```
#cad29c
```
#cad29c rgb(202,210,156)
```
#d1d9aa
```
#d1d9aa rgb(209,217,170)
```
#d8dfb7
```
#d8dfb7 rgb(216,223,183)
```
#e0e5c5
```
#e0e5c5 rgb(224,229,197)
```
#e7ebd2
```
#e7ebd2 rgb(231,235,210)
```
#eef1e0
```
#eef1e0 rgb(238,241,224)
```
#f6f7ed
```
#f6f7ed rgb(246,247,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#4f5146
```
#4f5146 rgb(79,81,70)
```
#535740
```
#535740 rgb(83,87,64)
```
#575c3b
```
#575c3b rgb(87,92,59)
```
#5b6235
```
#5b6235 rgb(91,98,53)
```
#5f682f
```
#5f682f rgb(95,104,47)
```
#636e29
```
#636e29 rgb(99,110,41)
```
#677423
```
#677423 rgb(103,116,35)
```
#6b791e
```
#6b791e rgb(107,121,30)
```
#6f7f18
```
#6f7f18 rgb(111,127,24)
```
#738512
```
#738512 rgb(115,133,18)
```
#778b0c
```
#778b0c rgb(119,139,12)
```
#7b9106
```
#7b9106 rgb(123,145,6)
```
#7f9601
```
#7f9601 rgb(127,150,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5f6155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b38 Protanopia 1% of men
#82663c Deuteranopia 1% of men
#6e6971 Tritanopia 0.001% of the population

Trichromacy

#6d6a35 Protanomaly 1% of men, 0.01% of women
#756737 Deuteranomaly 6% of men, 0.4% of women
#686959 Tritanomaly 0.01% of the population

#5f682f hex color

#5f682f Color Information

#5f682f Color Conversion

Color Schemes with #5f682f

Alternatives to #5f682f

#5f682f Preview

Shades and Tints of #5f682f

Tones of #5f682f

Color Blindness Simulator