#686540 hex color

In a RGB color space, hex #686540 is composed of 40.8% red, 39.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 38.5% yellow and 59.2% black. It has a hue angle of 55.5 degrees, a saturation of 23.8% and a lightness of 32.9%. #686540 color hex could be obtained by blending #d0ca80 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 40
- B 25
RGB color chart
- C 0
- M 3
- Y 38
- K 59
CMYK color chart

● #686540 color description : Very dark desaturated yellow.

The hexadecimal color #686540 has RGB values of R:104, G:101, B:64 and CMYK values of C:0, M:0.03, Y:0.38, K:0.59. Its decimal value is 6841664.

Hex triplet	686540	`#686540`
RGB Decimal	104, 101, 64	`rgb(104,101,64)`
RGB Percent	40.8, 39.6, 25.1	`rgb(40.8%,39.6%,25.1%)`
CMYK	0, 3, 38, 59
HSL	55.5°, 23.8, 32.9	`hsl(55.5,23.8%,32.9%)`
HSV (or HSB)	55.5°, 38.5, 40.8
Web Safe	666633	`#666633`

CIE-LAB	42.186, -5.033, 21.395
XYZ	11.288, 12.621, 6.692
xyY	0.369, 0.412, 12.621
CIE-LCH	42.186, 21.979, 103.237
CIE-LUV	42.186, 3.712, 25.441
Hunter-Lab	35.526, -5.454, 13.7
Binary	01101000, 01100101, 01000000

#686540
```
#686540 rgb(104,101,64)
```
#404368
```
#404368 rgb(64,67,104)
```

Complementary Color

#685140
```
#685140 rgb(104,81,64)
```
#686540
```
#686540 rgb(104,101,64)
```
#576840
```
#576840 rgb(87,104,64)
```

Analogous Color

#514068
```
#514068 rgb(81,64,104)
```
#686540
```
#686540 rgb(104,101,64)
```
#405768
```
#405768 rgb(64,87,104)
```

Split Complementary Color

#654068
```
#654068 rgb(101,64,104)
```
#686540
```
#686540 rgb(104,101,64)
```
#406865
```
#406865 rgb(64,104,101)
```

Triadic Color

#684043
```
#684043 rgb(104,64,67)
```
#686540
```
#686540 rgb(104,101,64)
```
#406865
```
#406865 rgb(64,104,101)
```
#404368
```
#404368 rgb(64,67,104)
```

Tetradic Color

#393723
```
#393723 rgb(57,55,35)
```
#48462d
```
#48462d rgb(72,70,45)
```
#585636
```
#585636 rgb(88,86,54)
```
#686540
```
#686540 rgb(104,101,64)
```
#78744a
```
#78744a rgb(120,116,74)
```
#888453
```
#888453 rgb(136,132,83)
```
#97935d
```
#97935d rgb(151,147,93)
```

Monochromatic Color

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

#685b40
```
#685b40 rgb(104,91,64)
```
#685e40
```
#685e40 rgb(104,94,64)
```
#686240
```
#686240 rgb(104,98,64)
```
#686540
```
#686540 rgb(104,101,64)
```
#686840
```
#686840 rgb(104,104,64)
```
#646840
```
#646840 rgb(100,104,64)
```
#616840
```
#616840 rgb(97,104,64)
```

Similar Colors

Text with hexadecimal color #686540

This text has a font color of #686540.

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

#686540 background color

This paragraph has a background color of #686540.

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

#686540 border color

This element has a border color of #686540.

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

CSS codes

.text {color:#686540;}

.background {background-color:#686540;}

.border {border:1px solid #686540;}

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

#070704
```
#070704 rgb(7,7,4)
```
#13120c
```
#13120c rgb(19,18,12)
```
#1f1e13
```
#1f1e13 rgb(31,30,19)
```
#2b2a1b
```
#2b2a1b rgb(43,42,27)
```
#373622
```
#373622 rgb(55,54,34)
```
#44422a
```
#44422a rgb(68,66,42)
```
#504d31
```
#504d31 rgb(80,77,49)
```
#5c5939
```
#5c5939 rgb(92,89,57)
```
#686540
```
#686540 rgb(104,101,64)
```
#747147
```
#747147 rgb(116,113,71)
```
#807d4f
```
#807d4f rgb(128,125,79)
```
#8c8856
```
#8c8856 rgb(140,136,86)
```
#99945e
```
#99945e rgb(153,148,94)
```

Shade Color Variation

#a29e68
```
#a29e68 rgb(162,158,104)
```
#aaa674
```
#aaa674 rgb(170,166,116)
```
#b1ad80
```
#b1ad80 rgb(177,173,128)
```
#b8b58c
```
#b8b58c rgb(184,181,140)
```
#c0bd99
```
#c0bd99 rgb(192,189,153)
```
#c7c5a5
```
#c7c5a5 rgb(199,197,165)
```
#cfcdb1
```
#cfcdb1 rgb(207,205,177)
```
#d6d4bd
```
#d6d4bd rgb(214,212,189)
```
#dedcc9
```
#dedcc9 rgb(222,220,201)
```
#e5e4d5
```
#e5e4d5 rgb(229,228,213)
```
#edece1
```
#edece1 rgb(237,236,225)
```
#f4f4ee
```
#f4f4ee rgb(244,244,238)
```
#fcfcfa
```
#fcfcfa rgb(252,252,250)
```

Tint Color Variation

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

#555553
```
#555553 rgb(85,85,83)
```
#5b5a4d
```
#5b5a4d rgb(91,90,77)
```
#626046
```
#626046 rgb(98,96,70)
```
#686540
```
#686540 rgb(104,101,64)
```
#6e6a3a
```
#6e6a3a rgb(110,106,58)
```
#757033
```
#757033 rgb(117,112,51)
```
#7b752d
```
#7b752d rgb(123,117,45)
```
#827b26
```
#827b26 rgb(130,123,38)
```
#888020
```
#888020 rgb(136,128,32)
```
#8f8619
```
#8f8619 rgb(143,134,25)
```
#958b13
```
#958b13 rgb(149,139,19)
```
#9c910c
```
#9c910c rgb(156,145,12)
```
#a29606
```
#a29606 rgb(162,150,6)
```

Tone Color Variation

Below, you can see how #686540 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
#63635b Atypical Achromatopsia 0.001% of the population

Dichromacy

#746b49 Protanopia 1% of men
#7f674b Deuteranopia 1% of men
#74686f Tritanopia 0.001% of the population

Trichromacy

#6f6945 Protanomaly 1% of men, 0.01% of women
#776647 Deuteranomaly 6% of men, 0.4% of women
#70675e Tritanomaly 0.01% of the population

#686540 hex color

#686540 Color Information

#686540 Color Conversion

Color Schemes with #686540

Alternatives to #686540

#686540 Preview

Shades and Tints of #686540

Tones of #686540

Color Blindness Simulator