#686d2f hex color

In a RGB color space, hex #686d2f is composed of 40.8% red, 42.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 56.9% yellow and 57.3% black. It has a hue angle of 64.8 degrees, a saturation of 39.7% and a lightness of 30.6%. #686d2f color hex could be obtained by blending #d0da5e with #000000. Closest websafe color is: #666633.

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

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

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

Hex triplet	686d2f	`#686d2f`
RGB Decimal	104, 109, 47	`rgb(104,109,47)`
RGB Percent	40.8, 42.7, 18.4	`rgb(40.8%,42.7%,18.4%)`
CMYK	5, 0, 57, 57
HSL	64.8°, 39.7, 30.6	`hsl(64.8,39.7%,30.6%)`
HSV (or HSB)	64.8°, 56.9, 42.7
Web Safe	666633	`#666633`

CIE-LAB	44.356, -11.495, 33.448
XYZ	11.691, 14.086, 4.792
xyY	0.382, 0.461, 14.086
CIE-LCH	44.356, 35.368, 108.967
CIE-LUV	44.356, -0.475, 37.924
Hunter-Lab	37.531, -10.078, 18.701
Binary	01101000, 01101101, 00101111

#686d2f
```
#686d2f rgb(104,109,47)
```
#342f6d
```
#342f6d rgb(52,47,109)
```

Complementary Color

#6d532f
```
#6d532f rgb(109,83,47)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#496d2f
```
#496d2f rgb(73,109,47)
```

Analogous Color

#532f6d
```
#532f6d rgb(83,47,109)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#2f496d
```
#2f496d rgb(47,73,109)
```

Split Complementary Color

#6d2f68
```
#6d2f68 rgb(109,47,104)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#2f686d
```
#2f686d rgb(47,104,109)
```

Triadic Color

#6d342f
```
#6d342f rgb(109,52,47)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#2f686d
```
#2f686d rgb(47,104,109)
```
#342f6d
```
#342f6d rgb(52,47,109)
```

Tetradic Color

#353818
```
#353818 rgb(53,56,24)
```
#464920
```
#464920 rgb(70,73,32)
```
#575b27
```
#575b27 rgb(87,91,39)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#797f37
```
#797f37 rgb(121,127,55)
```
#8a913e
```
#8a913e rgb(138,145,62)
```
#9ba246
```
#9ba246 rgb(155,162,70)
```

Monochromatic Color

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

#6d632f
```
#6d632f rgb(109,99,47)
```
#6d682f
```
#6d682f rgb(109,104,47)
```
#6d6d2f
```
#6d6d2f rgb(109,109,47)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#636d2f
```
#636d2f rgb(99,109,47)
```
#5e6d2f
```
#5e6d2f rgb(94,109,47)
```
#596d2f
```
#596d2f rgb(89,109,47)
```

Similar Colors

Text with hexadecimal color #686d2f

This text has a font color of #686d2f.

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

#686d2f background color

This paragraph has a background color of #686d2f.

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

#686d2f border color

This element has a border color of #686d2f.

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

CSS codes

.text {color:#686d2f;}

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

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

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, #0c0d06 is the darkest color, while #fffffe is the lightest one.

#0c0d06
```
#0c0d06 rgb(12,13,6)
```
#1a1b0c
```
#1a1b0c rgb(26,27,12)
```
#272811
```
#272811 rgb(39,40,17)
```
#343617
```
#343617 rgb(52,54,23)
```
#41441d
```
#41441d rgb(65,68,29)
```
#4e5223
```
#4e5223 rgb(78,82,35)
```
#5b5f29
```
#5b5f29 rgb(91,95,41)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#757b35
```
#757b35 rgb(117,123,53)
```
#82883b
```
#82883b rgb(130,136,59)
```
#8f9641
```
#8f9641 rgb(143,150,65)
```
#9ca447
```
#9ca447 rgb(156,164,71)
```
#a9b24d
```
#a9b24d rgb(169,178,77)
```

Shade Color Variation

#b0b85a
```
#b0b85a rgb(176,184,90)
```
#b7be68
```
#b7be68 rgb(183,190,104)
```
#bdc475
```
#bdc475 rgb(189,196,117)
```
#c4ca83
```
#c4ca83 rgb(196,202,131)
```
#cacf91
```
#cacf91 rgb(202,207,145)
```
#d1d59e
```
#d1d59e rgb(209,213,158)
```
#d7dbac
```
#d7dbac rgb(215,219,172)
```
#dee1ba
```
#dee1ba rgb(222,225,186)
```
#e5e7c8
```
#e5e7c8 rgb(229,231,200)
```
#ebedd5
```
#ebedd5 rgb(235,237,213)
```
#f2f3e3
```
#f2f3e3 rgb(242,243,227)
```
#f8f9f1
```
#f8f9f1 rgb(248,249,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#4f4f4d
```
#4f4f4d rgb(79,79,77)
```
#545547
```
#545547 rgb(84,85,71)
```
#595b41
```
#595b41 rgb(89,91,65)
```
#5e613b
```
#5e613b rgb(94,97,59)
```
#636735
```
#636735 rgb(99,103,53)
```
#686d2f
```
#686d2f rgb(104,109,47)
```
#6d7329
```
#6d7329 rgb(109,115,41)
```
#727923
```
#727923 rgb(114,121,35)
```
#777f1d
```
#777f1d rgb(119,127,29)
```
#7c8517
```
#7c8517 rgb(124,133,23)
```
#818b11
```
#818b11 rgb(129,139,17)
```
#86910b
```
#86910b rgb(134,145,11)
```
#8b9705
```
#8b9705 rgb(139,151,5)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#656659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7038 Protanopia 1% of men
#896b3c Deuteranopia 1% of men
#776e75 Tritanopia 0.001% of the population

Trichromacy

#746f35 Protanomaly 1% of men, 0.01% of women
#7d6c37 Deuteranomaly 6% of men, 0.4% of women
#716d5c Tritanomaly 0.01% of the population

#686d2f hex color

#686d2f Color Information

#686d2f Color Conversion

Color Schemes with #686d2f

Alternatives to #686d2f

#686d2f Preview

Shades and Tints of #686d2f

Tones of #686d2f

Color Blindness Simulator