#686d46 hex color

In a RGB color space, hex #686d46 is composed of 40.8% red, 42.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 35.8% yellow and 57.3% black. It has a hue angle of 67.7 degrees, a saturation of 21.8% and a lightness of 35.1%. #686d46 color hex could be obtained by blending #d0da8c with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686d46 has RGB values of R:104, G:109, B:70 and CMYK values of C:0.05, M:0, Y:0.36, K:0.57. Its decimal value is 6843718.

Hex triplet	686d46	`#686d46`
RGB Decimal	104, 109, 70	`rgb(104,109,70)`
RGB Percent	40.8, 42.7, 27.5	`rgb(40.8%,42.7%,27.5%)`
CMYK	5, 0, 36, 57
HSL	67.7°, 21.8, 35.1	`hsl(67.7,21.8%,35.1%)`
HSV (or HSB)	67.7°, 35.8, 42.7
Web Safe	666633	`#666633`

CIE-LAB	44.692, -8.815, 21.184
XYZ	12.283, 14.323, 7.911
xyY	0.356, 0.415, 14.323
CIE-LCH	44.692, 22.945, 112.593
CIE-LUV	44.692, -1.153, 26.445
Hunter-Lab	37.845, -8.296, 14.097
Binary	01101000, 01101101, 01000110

#686d46
```
#686d46 rgb(104,109,70)
```
#4b466d
```
#4b466d rgb(75,70,109)
```

Complementary Color

#6d5f46
```
#6d5f46 rgb(109,95,70)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#556d46
```
#556d46 rgb(85,109,70)
```

Analogous Color

#5f466d
```
#5f466d rgb(95,70,109)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#46556d
```
#46556d rgb(70,85,109)
```

Split Complementary Color

#6d4668
```
#6d4668 rgb(109,70,104)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#46686d
```
#46686d rgb(70,104,109)
```

Triadic Color

#6d4b46
```
#6d4b46 rgb(109,75,70)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#46686d
```
#46686d rgb(70,104,109)
```
#4b466d
```
#4b466d rgb(75,70,109)
```

Tetradic Color

#3c3e28
```
#3c3e28 rgb(60,62,40)
```
#4a4e32
```
#4a4e32 rgb(74,78,50)
```
#595d3c
```
#595d3c rgb(89,93,60)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#777d50
```
#777d50 rgb(119,125,80)
```
#868c5a
```
#868c5a rgb(134,140,90)
```
#949b64
```
#949b64 rgb(148,155,100)
```

Monochromatic Color

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

#6d6846
```
#6d6846 rgb(109,104,70)
```
#6d6c46
```
#6d6c46 rgb(109,108,70)
```
#6b6d46
```
#6b6d46 rgb(107,109,70)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#656d46
```
#656d46 rgb(101,109,70)
```
#626d46
```
#626d46 rgb(98,109,70)
```
#5e6d46
```
#5e6d46 rgb(94,109,70)
```

Similar Colors

Text with hexadecimal color #686d46

This text has a font color of #686d46.

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

#686d46 background color

This paragraph has a background color of #686d46.

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

#686d46 border color

This element has a border color of #686d46.

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

CSS codes

.text {color:#686d46;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d0d09
```
#0d0d09 rgb(13,13,9)
```
#181910
```
#181910 rgb(24,25,16)
```
#242518
```
#242518 rgb(36,37,24)
```
#2f3120
```
#2f3120 rgb(47,49,32)
```
#3a3d27
```
#3a3d27 rgb(58,61,39)
```
#46492f
```
#46492f rgb(70,73,47)
```
#515537
```
#515537 rgb(81,85,55)
```
#5d613e
```
#5d613e rgb(93,97,62)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#73794e
```
#73794e rgb(115,121,78)
```
#7f8555
```
#7f8555 rgb(127,133,85)
```
#8a915d
```
#8a915d rgb(138,145,93)
```

Shade Color Variation

#959c65
```
#959c65 rgb(149,156,101)
```
#9da471
```
#9da471 rgb(157,164,113)
```
#a6ac7d
```
#a6ac7d rgb(166,172,125)
```
#aeb389
```
#aeb389 rgb(174,179,137)
```
#b6bb95
```
#b6bb95 rgb(182,187,149)
```
#bec3a1
```
#bec3a1 rgb(190,195,161)
```
#c7caad
```
#c7caad rgb(199,202,173)
```
#cfd2b9
```
#cfd2b9 rgb(207,210,185)
```
#d7dac5
```
#d7dac5 rgb(215,218,197)
```
#dfe1d1
```
#dfe1d1 rgb(223,225,209)
```
#e7e9dd
```
#e7e9dd rgb(231,233,221)
```
#f0f1e9
```
#f0f1e9 rgb(240,241,233)
```
#f8f8f5
```
#f8f8f5 rgb(248,248,245)
```

Tint Color Variation

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

#5e5f54
```
#5e5f54 rgb(94,95,84)
```
#63664d
```
#63664d rgb(99,102,77)
```
#686d46
```
#686d46 rgb(104,109,70)
```
#6d743f
```
#6d743f rgb(109,116,63)
```
#727b38
```
#727b38 rgb(114,123,56)
```
#778231
```
#778231 rgb(119,130,49)
```
#7c892a
```
#7c892a rgb(124,137,42)
```
#828f24
```
#828f24 rgb(130,143,36)
```
#87961d
```
#87961d rgb(135,150,29)
```
#8c9d16
```
#8c9d16 rgb(140,157,22)
```
#91a40f
```
#91a40f rgb(145,164,15)
```
#96ab08
```
#96ab08 rgb(150,171,8)
```
#9bb201
```
#9bb201 rgb(155,178,1)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a714e Protanopia 1% of men
#866c52 Deuteranopia 1% of men
#756f77 Tritanopia 0.001% of the population

Trichromacy

#736f4b Protanomaly 1% of men, 0.01% of women
#7b6c4d Deuteranomaly 6% of men, 0.4% of women
#706e65 Tritanomaly 0.01% of the population

#686d46 hex color

#686d46 Color Information

#686d46 Color Conversion

Color Schemes with #686d46

Alternatives to #686d46

#686d46 Preview

Shades and Tints of #686d46

Tones of #686d46

Color Blindness Simulator