#686b44 hex color

In a RGB color space, hex #686b44 is composed of 40.8% red, 42% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 36.4% yellow and 58% black. It has a hue angle of 64.6 degrees, a saturation of 22.3% and a lightness of 34.3%. #686b44 color hex could be obtained by blending #d0d688 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686b44 has RGB values of R:104, G:107, B:68 and CMYK values of C:0.03, M:0, Y:0.36, K:0.58. Its decimal value is 6843204.

Hex triplet	686b44	`#686b44`
RGB Decimal	104, 107, 68	`rgb(104,107,68)`
RGB Percent	40.8, 42, 26.7	`rgb(40.8%,42%,26.7%)`
CMYK	3, 0, 36, 58
HSL	64.6°, 22.3, 34.3	`hsl(64.6,22.3%,34.3%)`
HSV (or HSB)	64.6°, 36.4, 42
Web Safe	666633	`#666633`

CIE-LAB	44.054, -7.954, 21.506
XYZ	12.01, 13.876, 7.514
xyY	0.36, 0.415, 13.876
CIE-LCH	44.054, 22.93, 110.297
CIE-LUV	44.054, 0.06, 26.482
Hunter-Lab	37.25, -7.638, 14.115
Binary	01101000, 01101011, 01000100

#686b44
```
#686b44 rgb(104,107,68)
```
#47446b
```
#47446b rgb(71,68,107)
```

Complementary Color

#6b5b44
```
#6b5b44 rgb(107,91,68)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#556b44
```
#556b44 rgb(85,107,68)
```

Analogous Color

#5b446b
```
#5b446b rgb(91,68,107)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#44556b
```
#44556b rgb(68,85,107)
```

Split Complementary Color

#6b4468
```
#6b4468 rgb(107,68,104)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#44686b
```
#44686b rgb(68,104,107)
```

Triadic Color

#6b4744
```
#6b4744 rgb(107,71,68)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#44686b
```
#44686b rgb(68,104,107)
```
#47446b
```
#47446b rgb(71,68,107)
```

Tetradic Color

#3b3c26
```
#3b3c26 rgb(59,60,38)
```
#4a4c30
```
#4a4c30 rgb(74,76,48)
```
#595b3a
```
#595b3a rgb(89,91,58)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#777b4e
```
#777b4e rgb(119,123,78)
```
#868a58
```
#868a58 rgb(134,138,88)
```
#959a62
```
#959a62 rgb(149,154,98)
```

Monochromatic Color

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

#6b6444
```
#6b6444 rgb(107,100,68)
```
#6b6844
```
#6b6844 rgb(107,104,68)
```
#6b6b44
```
#6b6b44 rgb(107,107,68)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#656b44
```
#656b44 rgb(101,107,68)
```
#626b44
```
#626b44 rgb(98,107,68)
```
#5e6b44
```
#5e6b44 rgb(94,107,68)
```

Similar Colors

Text with hexadecimal color #686b44

This text has a font color of #686b44.

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

#686b44 background color

This paragraph has a background color of #686b44.

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

#686b44 border color

This element has a border color of #686b44.

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

CSS codes

.text {color:#686b44;}

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

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

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

#0b0b07
```
#0b0b07 rgb(11,11,7)
```
#16170f
```
#16170f rgb(22,23,15)
```
#222316
```
#222316 rgb(34,35,22)
```
#2e2f1e
```
#2e2f1e rgb(46,47,30)
```
#393b26
```
#393b26 rgb(57,59,38)
```
#45472d
```
#45472d rgb(69,71,45)
```
#515335
```
#515335 rgb(81,83,53)
```
#5c5f3c
```
#5c5f3c rgb(92,95,60)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#74774c
```
#74774c rgb(116,119,76)
```
#7f8353
```
#7f8353 rgb(127,131,83)
```
#8b8f5b
```
#8b8f5b rgb(139,143,91)
```
#979b62
```
#979b62 rgb(151,155,98)
```

Shade Color Variation

#9fa36e
```
#9fa36e rgb(159,163,110)
```
#a7ab7a
```
#a7ab7a rgb(167,171,122)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#b7ba92
```
#b7ba92 rgb(183,186,146)
```
#bfc19e
```
#bfc19e rgb(191,193,158)
```
#c7c9aa
```
#c7c9aa rgb(199,201,170)
```
#cfd1b6
```
#cfd1b6 rgb(207,209,182)
```
#d7d8c2
```
#d7d8c2 rgb(215,216,194)
```
#dfe0ce
```
#dfe0ce rgb(223,224,206)
```
#e7e8da
```
#e7e8da rgb(231,232,218)
```
#eeefe6
```
#eeefe6 rgb(238,239,230)
```
#f6f7f2
```
#f6f7f2 rgb(246,247,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5d5e51
```
#5d5e51 rgb(93,94,81)
```
#62644b
```
#62644b rgb(98,100,75)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#6e723d
```
#6e723d rgb(110,114,61)
```
#737837
```
#737837 rgb(115,120,55)
```
#797f30
```
#797f30 rgb(121,127,48)
```
#7f8629
```
#7f8629 rgb(127,134,41)
```
#848d22
```
#848d22 rgb(132,141,34)
```
#8a931c
```
#8a931c rgb(138,147,28)
```
#909a15
```
#909a15 rgb(144,154,21)
```
#96a10e
```
#96a10e rgb(150,161,14)
```
#9ba807
```
#9ba807 rgb(155,168,7)
```
#a1ae01
```
#a1ae01 rgb(161,174,1)
```

Tone Color Variation

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

Dichromacy

#796f4c Protanopia 1% of men
#846b50 Deuteranopia 1% of men
#756d75 Tritanopia 0.001% of the population

Trichromacy

#726e49 Protanomaly 1% of men, 0.01% of women
#7a6b4b Deuteranomaly 6% of men, 0.4% of women
#706c63 Tritanomaly 0.01% of the population

#686b44 hex color

#686b44 Color Information

#686b44 Color Conversion

Color Schemes with #686b44

Alternatives to #686b44

#686b44 Preview

Shades and Tints of #686b44

Tones of #686b44

Color Blindness Simulator