#686a4d hex color

In a RGB color space, hex #686a4d is composed of 40.8% red, 41.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 27.4% yellow and 58.4% black. It has a hue angle of 64.1 degrees, a saturation of 15.8% and a lightness of 35.9%. #686a4d color hex could be obtained by blending #d0d49a with #000000. Closest websafe color is: #666666.

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

● #686a4d color description : Very dark grayish yellow.

The hexadecimal color #686a4d has RGB values of R:104, G:106, B:77 and CMYK values of C:0.02, M:0, Y:0.27, K:0.58. Its decimal value is 6842957.

Hex triplet	686a4d	`#686a4d`
RGB Decimal	104, 106, 77	`rgb(104,106,77)`
RGB Percent	40.8, 41.6, 30.2	`rgb(40.8%,41.6%,30.2%)`
CMYK	2, 0, 27, 58
HSL	64.1°, 15.8, 35.9	`hsl(64.1,15.8%,35.9%)`
HSV (or HSB)	64.1°, 27.4, 41.6
Web Safe	666666	`#666666`

CIE-LAB	43.926, -6.067, 16.073
XYZ	12.202, 13.787, 9.039
xyY	0.348, 0.394, 13.787
CIE-LCH	43.926, 17.18, 110.68
CIE-LUV	43.926, 0.269, 20.449
Hunter-Lab	37.131, -6.319, 11.558
Binary	01101000, 01101010, 01001101

#686a4d
```
#686a4d rgb(104,106,77)
```
#4f4d6a
```
#4f4d6a rgb(79,77,106)
```

Complementary Color

#6a5e4d
```
#6a5e4d rgb(106,94,77)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#5a6a4d
```
#5a6a4d rgb(90,106,77)
```

Analogous Color

#5e4d6a
```
#5e4d6a rgb(94,77,106)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#4d5a6a
```
#4d5a6a rgb(77,90,106)
```

Split Complementary Color

#6a4d68
```
#6a4d68 rgb(106,77,104)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#4d686a
```
#4d686a rgb(77,104,106)
```

Triadic Color

#6a4f4d
```
#6a4f4d rgb(106,79,77)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#4d686a
```
#4d686a rgb(77,104,106)
```
#4f4d6a
```
#4f4d6a rgb(79,77,106)
```

Tetradic Color

#3d3e2d
```
#3d3e2d rgb(61,62,45)
```
#4b4c38
```
#4b4c38 rgb(75,76,56)
```
#5a5b42
```
#5a5b42 rgb(90,91,66)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#767958
```
#767958 rgb(118,121,88)
```
#858862
```
#858862 rgb(133,136,98)
```
#93966e
```
#93966e rgb(147,150,110)
```

Monochromatic Color

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

#6a654d
```
#6a654d rgb(106,101,77)
```
#6a674d
```
#6a674d rgb(106,103,77)
```
#6a6a4d
```
#6a6a4d rgb(106,106,77)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#666a4d
```
#666a4d rgb(102,106,77)
```
#636a4d
```
#636a4d rgb(99,106,77)
```
#616a4d
```
#616a4d rgb(97,106,77)
```

Similar Colors

Text with hexadecimal color #686a4d

This text has a font color of #686a4d.

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

#686a4d background color

This paragraph has a background color of #686a4d.

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

#686a4d border color

This element has a border color of #686a4d.

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

CSS codes

.text {color:#686a4d;}

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

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

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

#040403
```
#040403 rgb(4,4,3)
```
#0f0f0b
```
#0f0f0b rgb(15,15,11)
```
#1a1a13
```
#1a1a13 rgb(26,26,19)
```
#25261b
```
#25261b rgb(37,38,27)
```
#303124
```
#303124 rgb(48,49,36)
```
#3b3d2c
```
#3b3d2c rgb(59,61,44)
```
#474834
```
#474834 rgb(71,72,52)
```
#52533c
```
#52533c rgb(82,83,60)
```
#5d5f45
```
#5d5f45 rgb(93,95,69)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#737555
```
#737555 rgb(115,117,85)
```
#7e815e
```
#7e815e rgb(126,129,94)
```
#898c66
```
#898c66 rgb(137,140,102)
```

Shade Color Variation

#94966f
```
#94966f rgb(148,150,111)
```
#9c9f7a
```
#9c9f7a rgb(156,159,122)
```
#a5a786
```
#a5a786 rgb(165,167,134)
```
#adaf91
```
#adaf91 rgb(173,175,145)
```
#b6b79c
```
#b6b79c rgb(182,183,156)
```
#bec0a8
```
#bec0a8 rgb(190,192,168)
```
#c7c8b3
```
#c7c8b3 rgb(199,200,179)
```
#cfd0bf
```
#cfd0bf rgb(207,208,191)
```
#d7d8ca
```
#d7d8ca rgb(215,216,202)
```
#e0e1d5
```
#e0e1d5 rgb(224,225,213)
```
#e8e9e1
```
#e8e9e1 rgb(232,233,225)
```
#f1f1ec
```
#f1f1ec rgb(241,241,236)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#5c5c5b
```
#5c5c5b rgb(92,92,91)
```
#626354
```
#626354 rgb(98,99,84)
```
#686a4d
```
#686a4d rgb(104,106,77)
```
#6e7146
```
#6e7146 rgb(110,113,70)
```
#74783f
```
#74783f rgb(116,120,63)
```
#7a7f38
```
#7a7f38 rgb(122,127,56)
```
#808631
```
#808631 rgb(128,134,49)
```
#868d2a
```
#868d2a rgb(134,141,42)
```
#8c9423
```
#8c9423 rgb(140,148,35)
```
#929b1c
```
#929b1c rgb(146,155,28)
```
#99a215
```
#99a215 rgb(153,162,21)
```
#9fa90e
```
#9fa90e rgb(159,169,14)
```
#a5b007
```
#a5b007 rgb(165,176,7)
```

Tone Color Variation

Below, you can see how #686a4d 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
#666761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776f55 Protanopia 1% of men
#826b58 Deuteranopia 1% of men
#746d75 Tritanopia 0.001% of the population

Trichromacy

#716d52 Protanomaly 1% of men, 0.01% of women
#786a54 Deuteranomaly 6% of men, 0.4% of women
#6f6c66 Tritanomaly 0.01% of the population

#686a4d hex color

#686a4d Color Information

#686a4d Color Conversion

Color Schemes with #686a4d

Alternatives to #686a4d

#686a4d Preview

Shades and Tints of #686a4d

Tones of #686a4d

Color Blindness Simulator