#686d3a hex color

In a RGB color space, hex #686d3a is composed of 40.8% red, 42.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 46.8% yellow and 57.3% black. It has a hue angle of 65.9 degrees, a saturation of 30.5% and a lightness of 32.7%. #686d3a color hex could be obtained by blending #d0da74 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 43
- B 23
RGB color chart
- C 5
- M 0
- Y 47
- K 57
CMYK color chart

● #686d3a color description : Very dark desaturated yellow.

The hexadecimal color #686d3a has RGB values of R:104, G:109, B:58 and CMYK values of C:0.05, M:0, Y:0.47, K:0.57. Its decimal value is 6843706.

Hex triplet	686d3a	`#686d3a`
RGB Decimal	104, 109, 58	`rgb(104,109,58)`
RGB Percent	40.8, 42.7, 22.7	`rgb(40.8%,42.7%,22.7%)`
CMYK	5, 0, 47, 57
HSL	65.9°, 30.5, 32.7	`hsl(65.9,30.5%,32.7%)`
HSV (or HSB)	65.9°, 46.8, 42.7
Web Safe	666633	`#666633`

CIE-LAB	44.498, -10.347, 27.73
XYZ	11.941, 14.186, 6.112
xyY	0.37, 0.44, 14.186
CIE-LCH	44.498, 29.597, 110.462
CIE-LUV	44.498, -0.77, 32.931
Hunter-Lab	37.664, -9.32, 16.744
Binary	01101000, 01101101, 00111010

#686d3a
```
#686d3a rgb(104,109,58)
```
#3f3a6d
```
#3f3a6d rgb(63,58,109)
```

Complementary Color

#6d593a
```
#6d593a rgb(109,89,58)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#4f6d3a
```
#4f6d3a rgb(79,109,58)
```

Analogous Color

#593a6d
```
#593a6d rgb(89,58,109)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#3a4f6d
```
#3a4f6d rgb(58,79,109)
```

Split Complementary Color

#6d3a68
```
#6d3a68 rgb(109,58,104)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#3a686d
```
#3a686d rgb(58,104,109)
```

Triadic Color

#6d3f3a
```
#6d3f3a rgb(109,63,58)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#3a686d
```
#3a686d rgb(58,104,109)
```
#3f3a6d
```
#3f3a6d rgb(63,58,109)
```

Tetradic Color

#383b1f
```
#383b1f rgb(56,59,31)
```
#484c28
```
#484c28 rgb(72,76,40)
```
#585c31
```
#585c31 rgb(88,92,49)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#787e43
```
#787e43 rgb(120,126,67)
```
#888e4c
```
#888e4c rgb(136,142,76)
```
#989f55
```
#989f55 rgb(152,159,85)
```

Monochromatic Color

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

#6d653a
```
#6d653a rgb(109,101,58)
```
#6d6a3a
```
#6d6a3a rgb(109,106,58)
```
#6c6d3a
```
#6c6d3a rgb(108,109,58)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#646d3a
```
#646d3a rgb(100,109,58)
```
#606d3a
```
#606d3a rgb(96,109,58)
```
#5b6d3a
```
#5b6d3a rgb(91,109,58)
```

Similar Colors

Text with hexadecimal color #686d3a

This text has a font color of #686d3a.

<span style="color:#686d3a;">Text here</span>

#686d3a background color

This paragraph has a background color of #686d3a.

<p style="background-color:#686d3a;">Content here</p>

#686d3a border color

This element has a border color of #686d3a.

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

CSS codes

.text {color:#686d3a;}

.background {background-color:#686d3a;}

.border {border:1px solid #686d3a;}

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

#060703
```
#060703 rgb(6,7,3)
```
#12130a
```
#12130a rgb(18,19,10)
```
#1f2011
```
#1f2011 rgb(31,32,17)
```
#2b2d18
```
#2b2d18 rgb(43,45,24)
```
#373a1f
```
#373a1f rgb(55,58,31)
```
#434726
```
#434726 rgb(67,71,38)
```
#50532c
```
#50532c rgb(80,83,44)
```
#5c6033
```
#5c6033 rgb(92,96,51)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#747a41
```
#747a41 rgb(116,122,65)
```
#808748
```
#808748 rgb(128,135,72)
```
#8d934e
```
#8d934e rgb(141,147,78)
```
#99a055
```
#99a055 rgb(153,160,85)
```

Shade Color Variation

#a3aa5f
```
#a3aa5f rgb(163,170,95)
```
#aab16c
```
#aab16c rgb(170,177,108)
```
#b1b879
```
#b1b879 rgb(177,184,121)
```
#b9be86
```
#b9be86 rgb(185,190,134)
```
#c0c592
```
#c0c592 rgb(192,197,146)
```
#c8cc9f
```
#c8cc9f rgb(200,204,159)
```
#cfd3ac
```
#cfd3ac rgb(207,211,172)
```
#d6dab9
```
#d6dab9 rgb(214,218,185)
```
#dee0c6
```
#dee0c6 rgb(222,224,198)
```
#e5e7d2
```
#e5e7d2 rgb(229,231,210)
```
#edeedf
```
#edeedf rgb(237,238,223)
```
#f4f5ec
```
#f4f5ec rgb(244,245,236)
```
#fbfcf9
```
#fbfcf9 rgb(251,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a4d is the less saturated color, while #96a700 is the most saturated one.

#595a4d
```
#595a4d rgb(89,90,77)
```
#5e6047
```
#5e6047 rgb(94,96,71)
```
#636740
```
#636740 rgb(99,103,64)
```
#686d3a
```
#686d3a rgb(104,109,58)
```
#6d7334
```
#6d7334 rgb(109,115,52)
```
#727a2d
```
#727a2d rgb(114,122,45)
```
#778027
```
#778027 rgb(119,128,39)
```
#7d8720
```
#7d8720 rgb(125,135,32)
```
#828d1a
```
#828d1a rgb(130,141,26)
```
#879413
```
#879413 rgb(135,148,19)
```
#8c9a0d
```
#8c9a0d rgb(140,154,13)
```
#91a007
```
#91a007 rgb(145,160,7)
```
#96a700
```
#96a700 rgb(150,167,0)
```

Tone Color Variation

Below, you can see how #686d3a 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

#666666 Achromatopsia 0.005% of the population
#66675d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7143 Protanopia 1% of men
#876c46 Deuteranopia 1% of men
#766e76 Tritanopia 0.001% of the population

Trichromacy

#746f3f Protanomaly 1% of men, 0.01% of women
#7c6c42 Deuteranomaly 6% of men, 0.4% of women
#716e60 Tritanomaly 0.01% of the population

#686d3a hex color

#686d3a Color Information

#686d3a Color Conversion

Color Schemes with #686d3a

Alternatives to #686d3a

#686d3a Preview

Shades and Tints of #686d3a

Tones of #686d3a

Color Blindness Simulator