#5f683e hex color

In a RGB color space, hex #5f683e is composed of 37.3% red, 40.8% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 40.4% yellow and 59.2% black. It has a hue angle of 72.9 degrees, a saturation of 25.3% and a lightness of 32.5%. #5f683e color hex could be obtained by blending #bed07c with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #5f683e has RGB values of R:95, G:104, B:62 and CMYK values of C:0.09, M:0, Y:0.4, K:0.59. Its decimal value is 6252606.

Hex triplet	5f683e	`#5f683e`
RGB Decimal	95, 104, 62	`rgb(95,104,62)`
RGB Percent	37.3, 40.8, 24.3	`rgb(37.3%,40.8%,24.3%)`
CMYK	9, 0, 40, 59
HSL	72.9°, 25.3, 32.5	`hsl(72.9,25.3%,32.5%)`
HSV (or HSB)	72.9°, 40.4, 40.8
Web Safe	666633	`#666633`

CIE-LAB	42.279, -10.994, 22.518
XYZ	10.539, 12.681, 6.45
xyY	0.355, 0.427, 12.681
CIE-LCH	42.279, 25.058, 116.023
CIE-LUV	42.279, -3.472, 27.586
Hunter-Lab	35.611, -9.492, 14.189
Binary	01011111, 01101000, 00111110

#5f683e
```
#5f683e rgb(95,104,62)
```
#473e68
```
#473e68 rgb(71,62,104)
```

Complementary Color

#685c3e
```
#685c3e rgb(104,92,62)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#4a683e
```
#4a683e rgb(74,104,62)
```

Analogous Color

#5c3e68
```
#5c3e68 rgb(92,62,104)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#3e4a68
```
#3e4a68 rgb(62,74,104)
```

Split Complementary Color

#683e5f
```
#683e5f rgb(104,62,95)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#3e5f68
```
#3e5f68 rgb(62,95,104)
```

Triadic Color

#68473e
```
#68473e rgb(104,71,62)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#3e5f68
```
#3e5f68 rgb(62,95,104)
```
#473e68
```
#473e68 rgb(71,62,104)
```

Tetradic Color

#333821
```
#333821 rgb(51,56,33)
```
#42482b
```
#42482b rgb(66,72,43)
```
#505834
```
#505834 rgb(80,88,52)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#6e7848
```
#6e7848 rgb(110,120,72)
```
#7c8851
```
#7c8851 rgb(124,136,81)
```
#8b985b
```
#8b985b rgb(139,152,91)
```

Monochromatic Color

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

#68673e
```
#68673e rgb(104,103,62)
```
#66683e
```
#66683e rgb(102,104,62)
```
#63683e
```
#63683e rgb(99,104,62)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#5c683e
```
#5c683e rgb(92,104,62)
```
#58683e
```
#58683e rgb(88,104,62)
```
#55683e
```
#55683e rgb(85,104,62)
```

Similar Colors

Text with hexadecimal color #5f683e

This text has a font color of #5f683e.

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

#5f683e background color

This paragraph has a background color of #5f683e.

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

#5f683e border color

This element has a border color of #5f683e.

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

CSS codes

.text {color:#5f683e;}

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

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

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

#050603
```
#050603 rgb(5,6,3)
```
#10120b
```
#10120b rgb(16,18,11)
```
#1c1e12
```
#1c1e12 rgb(28,30,18)
```
#272b19
```
#272b19 rgb(39,43,25)
```
#323721
```
#323721 rgb(50,55,33)
```
#3d4328
```
#3d4328 rgb(61,67,40)
```
#494f2f
```
#494f2f rgb(73,79,47)
```
#545c37
```
#545c37 rgb(84,92,55)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#6a7445
```
#6a7445 rgb(106,116,69)
```
#75814d
```
#75814d rgb(117,129,77)
```
#818d54
```
#818d54 rgb(129,141,84)
```
#8c995b
```
#8c995b rgb(140,153,91)
```

Shade Color Variation

#96a365
```
#96a365 rgb(150,163,101)
```
#9eaa71
```
#9eaa71 rgb(158,170,113)
```
#a7b27e
```
#a7b27e rgb(167,178,126)
```
#afb98a
```
#afb98a rgb(175,185,138)
```
#b7c096
```
#b7c096 rgb(183,192,150)
```
#c0c8a2
```
#c0c8a2 rgb(192,200,162)
```
#c8cfaf
```
#c8cfaf rgb(200,207,175)
```
#d1d6bb
```
#d1d6bb rgb(209,214,187)
```
#d9dec7
```
#d9dec7 rgb(217,222,199)
```
#e1e5d4
```
#e1e5d4 rgb(225,229,212)
```
#eaece0
```
#eaece0 rgb(234,236,224)
```
#f2f4ec
```
#f2f4ec rgb(242,244,236)
```
#fafbf8
```
#fafbf8 rgb(250,251,248)
```

Tint Color Variation

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

#545551
```
#545551 rgb(84,85,81)
```
#585b4b
```
#585b4b rgb(88,91,75)
```
#5b6244
```
#5b6244 rgb(91,98,68)
```
#5f683e
```
#5f683e rgb(95,104,62)
```
#636e38
```
#636e38 rgb(99,110,56)
```
#667531
```
#667531 rgb(102,117,49)
```
#6a7b2b
```
#6a7b2b rgb(106,123,43)
```
#6e8224
```
#6e8224 rgb(110,130,36)
```
#71881e
```
#71881e rgb(113,136,30)
```
#758e18
```
#758e18 rgb(117,142,24)
```
#799511
```
#799511 rgb(121,149,17)
```
#7c9b0b
```
#7c9b0b rgb(124,155,11)
```
#80a105
```
#80a105 rgb(128,161,5)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#61625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#756b46 Protanopia 1% of men
#80674a Deuteranopia 1% of men
#6d6a72 Tritanopia 0.001% of the population

Trichromacy

#6d6a43 Protanomaly 1% of men, 0.01% of women
#746746 Deuteranomaly 6% of men, 0.4% of women
#68695f Tritanomaly 0.01% of the population

#5f683e hex color

#5f683e Color Information

#5f683e Color Conversion

Color Schemes with #5f683e

Alternatives to #5f683e

#5f683e Preview

Shades and Tints of #5f683e

Tones of #5f683e

Color Blindness Simulator