#686e56 hex color

In a RGB color space, hex #686e56 is composed of 40.8% red, 43.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 21.8% yellow and 56.9% black. It has a hue angle of 75 degrees, a saturation of 12.2% and a lightness of 38.4%. #686e56 color hex could be obtained by blending #d0dcac with #000000. Closest websafe color is: #666666.

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

● #686e56 color description : Very dark grayish green.

The hexadecimal color #686e56 has RGB values of R:104, G:110, B:86 and CMYK values of C:0.05, M:0, Y:0.22, K:0.57. Its decimal value is 6843990.

Hex triplet	686e56	`#686e56`
RGB Decimal	104, 110, 86	`rgb(104,110,86)`
RGB Percent	40.8, 43.1, 33.7	`rgb(40.8%,43.1%,33.7%)`
CMYK	5, 0, 22, 57
HSL	75°, 12.2, 38.4	`hsl(75,12.2%,38.4%)`
HSV (or HSB)	75°, 21.8, 43.1
Web Safe	666666	`#666666`

CIE-LAB	45.313, -6.902, 12.646
XYZ	12.964, 14.767, 10.971
xyY	0.335, 0.382, 14.767
CIE-LCH	45.313, 14.407, 118.624
CIE-LUV	45.313, -2.294, 16.915
Hunter-Lab	38.428, -7.028, 9.972
Binary	01101000, 01101110, 01010110

#686e56
```
#686e56 rgb(104,110,86)
```
#5c566e
```
#5c566e rgb(92,86,110)
```

Complementary Color

#6e6856
```
#6e6856 rgb(110,104,86)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#5c6e56
```
#5c6e56 rgb(92,110,86)
```

Analogous Color

#68566e
```
#68566e rgb(104,86,110)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#565c6e
```
#565c6e rgb(86,92,110)
```

Split Complementary Color

#6e5668
```
#6e5668 rgb(110,86,104)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#56686e
```
#56686e rgb(86,104,110)
```

Triadic Color

#6e5c56
```
#6e5c56 rgb(110,92,86)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#56686e
```
#56686e rgb(86,104,110)
```
#5c566e
```
#5c566e rgb(92,86,110)
```

Tetradic Color

#3f4334
```
#3f4334 rgb(63,67,52)
```
#4d5140
```
#4d5140 rgb(77,81,64)
```
#5a604b
```
#5a604b rgb(90,96,75)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#767c61
```
#767c61 rgb(118,124,97)
```
#838b6c
```
#838b6c rgb(131,139,108)
```
#90977a
```
#90977a rgb(144,151,122)
```

Monochromatic Color

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

#6e6e56
```
#6e6e56 rgb(110,110,86)
```
#6c6e56
```
#6c6e56 rgb(108,110,86)
```
#6a6e56
```
#6a6e56 rgb(106,110,86)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#666e56
```
#666e56 rgb(102,110,86)
```
#646e56
```
#646e56 rgb(100,110,86)
```
#626e56
```
#626e56 rgb(98,110,86)
```

Similar Colors

Text with hexadecimal color #686e56

This text has a font color of #686e56.

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

#686e56 background color

This paragraph has a background color of #686e56.

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

#686e56 border color

This element has a border color of #686e56.

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

CSS codes

.text {color:#686e56;}

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

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

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

#0a0b09
```
#0a0b09 rgb(10,11,9)
```
#151611
```
#151611 rgb(21,22,17)
```
#1f211a
```
#1f211a rgb(31,33,26)
```
#2a2c22
```
#2a2c22 rgb(42,44,34)
```
#34372b
```
#34372b rgb(52,55,43)
```
#3e4234
```
#3e4234 rgb(62,66,52)
```
#494d3c
```
#494d3c rgb(73,77,60)
```
#535845
```
#535845 rgb(83,88,69)
```
#5e634d
```
#5e634d rgb(94,99,77)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#72795f
```
#72795f rgb(114,121,95)
```
#7d8467
```
#7d8467 rgb(125,132,103)
```
#878f70
```
#878f70 rgb(135,143,112)
```

Shade Color Variation

#90987b
```
#90987b rgb(144,152,123)
```
#9aa086
```
#9aa086 rgb(154,160,134)
```
#a3a991
```
#a3a991 rgb(163,169,145)
```
#acb19c
```
#acb19c rgb(172,177,156)
```
#b5baa7
```
#b5baa7 rgb(181,186,167)
```
#bec3b2
```
#bec3b2 rgb(190,195,178)
```
#c8cbbd
```
#c8cbbd rgb(200,203,189)
```
#d1d4c8
```
#d1d4c8 rgb(209,212,200)
```
#daddd3
```
#daddd3 rgb(218,221,211)
```
#e3e5de
```
#e3e5de rgb(227,229,222)
```
#edeee9
```
#edeee9 rgb(237,238,233)
```
#f6f6f4
```
#f6f6f4 rgb(246,246,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#64665e
```
#64665e rgb(100,102,94)
```
#686e56
```
#686e56 rgb(104,110,86)
```
#6c764e
```
#6c764e rgb(108,118,78)
```
#707d47
```
#707d47 rgb(112,125,71)
```
#73853f
```
#73853f rgb(115,133,63)
```
#778c38
```
#778c38 rgb(119,140,56)
```
#7b9430
```
#7b9430 rgb(123,148,48)
```
#7f9b29
```
#7f9b29 rgb(127,155,41)
```
#82a321
```
#82a321 rgb(130,163,33)
```
#86aa1a
```
#86aa1a rgb(134,170,26)
```
#8ab212
```
#8ab212 rgb(138,178,18)
```
#8eb90b
```
#8eb90b rgb(142,185,11)
```
#91c103
```
#91c103 rgb(145,193,3)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79725d Protanopia 1% of men
#846e60 Deuteranopia 1% of men
#747179 Tritanopia 0.001% of the population

Trichromacy

#73705a Protanomaly 1% of men, 0.01% of women
#796e5c Deuteranomaly 6% of men, 0.4% of women
#6f706c Tritanomaly 0.01% of the population

#686e56 hex color

#686e56 Color Information

#686e56 Color Conversion

Color Schemes with #686e56

Alternatives to #686e56

#686e56 Preview

Shades and Tints of #686e56

Tones of #686e56

Color Blindness Simulator