#686c2f hex color

In a RGB color space, hex #686c2f is composed of 40.8% red, 42.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 56.5% yellow and 57.6% black. It has a hue angle of 63.9 degrees, a saturation of 39.4% and a lightness of 30.4%. #686c2f color hex could be obtained by blending #d0d85e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 42
- B 18
RGB color chart
- C 4
- M 0
- Y 56
- K 58
CMYK color chart

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

The hexadecimal color #686c2f has RGB values of R:104, G:108, B:47 and CMYK values of C:0.04, M:0, Y:0.56, K:0.58. Its decimal value is 6843439.

Hex triplet	686c2f	`#686c2f`
RGB Decimal	104, 108, 47	`rgb(104,108,47)`
RGB Percent	40.8, 42.4, 18.4	`rgb(40.8%,42.4%,18.4%)`
CMYK	4, 0, 56, 58
HSL	63.9°, 39.4, 30.4	`hsl(63.9,39.4%,30.4%)`
HSV (or HSB)	63.9°, 56.5, 42.4
Web Safe	666633	`#666633`

CIE-LAB	44.051, -10.937, 33.097
XYZ	11.584, 13.874, 4.757
xyY	0.383, 0.459, 13.874
CIE-LCH	44.051, 34.857, 108.286
CIE-LUV	44.051, 0.127, 37.428
Hunter-Lab	37.247, -9.666, 18.501
Binary	01101000, 01101100, 00101111

#686c2f
```
#686c2f rgb(104,108,47)
```
#332f6c
```
#332f6c rgb(51,47,108)
```

Complementary Color

#6c522f
```
#6c522f rgb(108,82,47)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#4a6c2f
```
#4a6c2f rgb(74,108,47)
```

Analogous Color

#522f6c
```
#522f6c rgb(82,47,108)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#2f4a6c
```
#2f4a6c rgb(47,74,108)
```

Split Complementary Color

#6c2f68
```
#6c2f68 rgb(108,47,104)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#2f686c
```
#2f686c rgb(47,104,108)
```

Triadic Color

#6c332f
```
#6c332f rgb(108,51,47)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#2f686c
```
#2f686c rgb(47,104,108)
```
#332f6c
```
#332f6c rgb(51,47,108)
```

Tetradic Color

#353718
```
#353718 rgb(53,55,24)
```
#464820
```
#464820 rgb(70,72,32)
```
#575a27
```
#575a27 rgb(87,90,39)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#797e37
```
#797e37 rgb(121,126,55)
```
#8a903e
```
#8a903e rgb(138,144,62)
```
#9ba146
```
#9ba146 rgb(155,161,70)
```

Monochromatic Color

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

#6c612f
```
#6c612f rgb(108,97,47)
```
#6c662f
```
#6c662f rgb(108,102,47)
```
#6c6b2f
```
#6c6b2f rgb(108,107,47)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#636c2f
```
#636c2f rgb(99,108,47)
```
#5e6c2f
```
#5e6c2f rgb(94,108,47)
```
#596c2f
```
#596c2f rgb(89,108,47)
```

Similar Colors

Text with hexadecimal color #686c2f

This text has a font color of #686c2f.

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

#686c2f background color

This paragraph has a background color of #686c2f.

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

#686c2f border color

This element has a border color of #686c2f.

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

CSS codes

.text {color:#686c2f;}

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

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

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

#0c0c05
```
#0c0c05 rgb(12,12,5)
```
#191a0b
```
#191a0b rgb(25,26,11)
```
#262811
```
#262811 rgb(38,40,17)
```
#333517
```
#333517 rgb(51,53,23)
```
#41431d
```
#41431d rgb(65,67,29)
```
#4e5123
```
#4e5123 rgb(78,81,35)
```
#5b5e29
```
#5b5e29 rgb(91,94,41)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#757a35
```
#757a35 rgb(117,122,53)
```
#82873b
```
#82873b rgb(130,135,59)
```
#8f9541
```
#8f9541 rgb(143,149,65)
```
#9da347
```
#9da347 rgb(157,163,71)
```
#aab04d
```
#aab04d rgb(170,176,77)
```

Shade Color Variation

#b1b75a
```
#b1b75a rgb(177,183,90)
```
#b7bd67
```
#b7bd67 rgb(183,189,103)
```
#bec375
```
#bec375 rgb(190,195,117)
```
#c4c983
```
#c4c983 rgb(196,201,131)
```
#cbcf90
```
#cbcf90 rgb(203,207,144)
```
#d1d59e
```
#d1d59e rgb(209,213,158)
```
#d8dbac
```
#d8dbac rgb(216,219,172)
```
#dee1b9
```
#dee1b9 rgb(222,225,185)
```
#e5e7c7
```
#e5e7c7 rgb(229,231,199)
```
#ebedd5
```
#ebedd5 rgb(235,237,213)
```
#f1f3e2
```
#f1f3e2 rgb(241,243,226)
```
#f8f8f0
```
#f8f8f0 rgb(248,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4e4e4d
```
#4e4e4d rgb(78,78,77)
```
#535447
```
#535447 rgb(83,84,71)
```
#585a41
```
#585a41 rgb(88,90,65)
```
#5e603b
```
#5e603b rgb(94,96,59)
```
#636635
```
#636635 rgb(99,102,53)
```
#686c2f
```
#686c2f rgb(104,108,47)
```
#6d7229
```
#6d7229 rgb(109,114,41)
```
#727823
```
#727823 rgb(114,120,35)
```
#787e1d
```
#787e1d rgb(120,126,29)
```
#7d8417
```
#7d8417 rgb(125,132,23)
```
#828a11
```
#828a11 rgb(130,138,17)
```
#87900b
```
#87900b rgb(135,144,11)
```
#8c9605
```
#8c9605 rgb(140,150,5)
```

Tone Color Variation

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

#7b7038 Protanopia 1% of men
#886b3c Deuteranopia 1% of men
#766d74 Tritanopia 0.001% of the population

Trichromacy

#746e35 Protanomaly 1% of men, 0.01% of women
#7c6b37 Deuteranomaly 6% of men, 0.4% of women
#716c5b Tritanomaly 0.01% of the population

#686c2f hex color

#686c2f Color Information

#686c2f Color Conversion

Color Schemes with #686c2f

Alternatives to #686c2f

#686c2f Preview

Shades and Tints of #686c2f

Tones of #686c2f

Color Blindness Simulator