#686a40 hex color

In a RGB color space, hex #686a40 is composed of 40.8% red, 41.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 39.6% yellow and 58.4% black. It has a hue angle of 62.9 degrees, a saturation of 24.7% and a lightness of 33.3%. #686a40 color hex could be obtained by blending #d0d480 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 42
- B 25
RGB color chart
- C 2
- M 0
- Y 40
- K 58
CMYK color chart

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

The hexadecimal color #686a40 has RGB values of R:104, G:106, B:64 and CMYK values of C:0.02, M:0, Y:0.4, K:0.58. Its decimal value is 6842944.

Hex triplet	686a40	`#686a40`
RGB Decimal	104, 106, 64	`rgb(104,106,64)`
RGB Percent	40.8, 41.6, 25.1	`rgb(40.8%,41.6%,25.1%)`
CMYK	2, 0, 40, 58
HSL	62.9°, 24.7, 33.3	`hsl(62.9,24.7%,33.3%)`
HSV (or HSB)	62.9°, 39.6, 41.6
Web Safe	666633	`#666633`

CIE-LAB	43.685, -7.915, 23.329
XYZ	11.788, 13.621, 6.858
xyY	0.365, 0.422, 13.621
CIE-LCH	43.685, 24.635, 108.74
CIE-LUV	43.685, 0.785, 28.18
Hunter-Lab	36.907, -7.574, 14.817
Binary	01101000, 01101010, 01000000

#686a40
```
#686a40 rgb(104,106,64)
```
#42406a
```
#42406a rgb(66,64,106)
```

Complementary Color

#6a5740
```
#6a5740 rgb(106,87,64)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#536a40
```
#536a40 rgb(83,106,64)
```

Analogous Color

#57406a
```
#57406a rgb(87,64,106)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#40536a
```
#40536a rgb(64,83,106)
```

Split Complementary Color

#6a4068
```
#6a4068 rgb(106,64,104)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#40686a
```
#40686a rgb(64,104,106)
```

Triadic Color

#6a4240
```
#6a4240 rgb(106,66,64)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#40686a
```
#40686a rgb(64,104,106)
```
#42406a
```
#42406a rgb(66,64,106)
```

Tetradic Color

#393a23
```
#393a23 rgb(57,58,35)
```
#494a2d
```
#494a2d rgb(73,74,45)
```
#585a36
```
#585a36 rgb(88,90,54)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#787a4a
```
#787a4a rgb(120,122,74)
```
#878a53
```
#878a53 rgb(135,138,83)
```
#979a5d
```
#979a5d rgb(151,154,93)
```

Monochromatic Color

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

#6a6240
```
#6a6240 rgb(106,98,64)
```
#6a6540
```
#6a6540 rgb(106,101,64)
```
#6a6940
```
#6a6940 rgb(106,105,64)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#656a40
```
#656a40 rgb(101,106,64)
```
#616a40
```
#616a40 rgb(97,106,64)
```
#5e6a40
```
#5e6a40 rgb(94,106,64)
```

Similar Colors

Text with hexadecimal color #686a40

This text has a font color of #686a40.

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

#686a40 background color

This paragraph has a background color of #686a40.

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

#686a40 border color

This element has a border color of #686a40.

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

CSS codes

.text {color:#686a40;}

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

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

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

#080805
```
#080805 rgb(8,8,5)
```
#14140c
```
#14140c rgb(20,20,12)
```
#202114
```
#202114 rgb(32,33,20)
```
#2c2d1b
```
#2c2d1b rgb(44,45,27)
```
#383922
```
#383922 rgb(56,57,34)
```
#44452a
```
#44452a rgb(68,69,42)
```
#505231
```
#505231 rgb(80,82,49)
```
#5c5e39
```
#5c5e39 rgb(92,94,57)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#747647
```
#747647 rgb(116,118,71)
```
#80824f
```
#80824f rgb(128,130,79)
```
#8c8f56
```
#8c8f56 rgb(140,143,86)
```
#989b5e
```
#989b5e rgb(152,155,94)
```

Shade Color Variation

#a1a468
```
#a1a468 rgb(161,164,104)
```
#a9ab74
```
#a9ab74 rgb(169,171,116)
```
#b0b381
```
#b0b381 rgb(176,179,129)
```
#b8ba8d
```
#b8ba8d rgb(184,186,141)
```
#c0c199
```
#c0c199 rgb(192,193,153)
```
#c7c9a5
```
#c7c9a5 rgb(199,201,165)
```
#cfd0b2
```
#cfd0b2 rgb(207,208,178)
```
#d6d8be
```
#d6d8be rgb(214,216,190)
```
#dedfca
```
#dedfca rgb(222,223,202)
```
#e6e6d6
```
#e6e6d6 rgb(230,230,214)
```
#edeee2
```
#edeee2 rgb(237,238,226)
```
#f5f5ef
```
#f5f5ef rgb(245,245,239)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#565654
```
#565654 rgb(86,86,84)
```
#5c5d4d
```
#5c5d4d rgb(92,93,77)
```
#626347
```
#626347 rgb(98,99,71)
```
#686a40
```
#686a40 rgb(104,106,64)
```
#6e7139
```
#6e7139 rgb(110,113,57)
```
#747733
```
#747733 rgb(116,119,51)
```
#7a7e2c
```
#7a7e2c rgb(122,126,44)
```
#808426
```
#808426 rgb(128,132,38)
```
#868b1f
```
#868b1f rgb(134,139,31)
```
#8b9119
```
#8b9119 rgb(139,145,25)
```
#919812
```
#919812 rgb(145,152,18)
```
#979e0c
```
#979e0c rgb(151,158,12)
```
#9da505
```
#9da505 rgb(157,165,5)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#66665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#786f48 Protanopia 1% of men
#846a4c Deuteranopia 1% of men
#756c74 Tritanopia 0.001% of the population

Trichromacy

#726d45 Protanomaly 1% of men, 0.01% of women
#7a6a47 Deuteranomaly 6% of men, 0.4% of women
#706b61 Tritanomaly 0.01% of the population

#686a40 hex color

#686a40 Color Information

#686a40 Color Conversion

Color Schemes with #686a40

Alternatives to #686a40

#686a40 Preview

Shades and Tints of #686a40

Tones of #686a40

Color Blindness Simulator