#686f38 hex color

In a RGB color space, hex #686f38 is composed of 40.8% red, 43.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 49.5% yellow and 56.5% black. It has a hue angle of 67.6 degrees, a saturation of 32.9% and a lightness of 32.7%. #686f38 color hex could be obtained by blending #d0de70 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 44
- B 22
RGB color chart
- C 6
- M 0
- Y 50
- K 56
CMYK color chart

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

The hexadecimal color #686f38 has RGB values of R:104, G:111, B:56 and CMYK values of C:0.06, M:0, Y:0.5, K:0.56. Its decimal value is 6844216.

Hex triplet	686f38	`#686f38`
RGB Decimal	104, 111, 56	`rgb(104,111,56)`
RGB Percent	40.8, 43.5, 22	`rgb(40.8%,43.5%,22%)`
CMYK	6, 0, 50, 56
HSL	67.6°, 32.9, 32.7	`hsl(67.6,32.9%,32.7%)`
HSV (or HSB)	67.6°, 49.5, 43.5
Web Safe	666633	`#666633`

CIE-LAB	45.078, -11.691, 29.535
XYZ	12.107, 14.598, 5.921
xyY	0.371, 0.447, 14.598
CIE-LCH	45.078, 31.765, 111.595
CIE-LUV	45.078, -1.886, 34.95
Hunter-Lab	38.207, -10.298, 17.556
Binary	01101000, 01101111, 00111000

#686f38
```
#686f38 rgb(104,111,56)
```
#3f386f
```
#3f386f rgb(63,56,111)
```

Complementary Color

#6f5b38
```
#6f5b38 rgb(111,91,56)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#4d6f38
```
#4d6f38 rgb(77,111,56)
```

Analogous Color

#5b386f
```
#5b386f rgb(91,56,111)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#384d6f
```
#384d6f rgb(56,77,111)
```

Split Complementary Color

#6f3868
```
#6f3868 rgb(111,56,104)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#38686f
```
#38686f rgb(56,104,111)
```

Triadic Color

#6f3f38
```
#6f3f38 rgb(111,63,56)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#38686f
```
#38686f rgb(56,104,111)
```
#3f386f
```
#3f386f rgb(63,56,111)
```

Tetradic Color

#383c1e
```
#383c1e rgb(56,60,30)
```
#484d27
```
#484d27 rgb(72,77,39)
```
#585e2f
```
#585e2f rgb(88,94,47)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#788041
```
#788041 rgb(120,128,65)
```
#889149
```
#889149 rgb(136,145,73)
```
#98a252
```
#98a252 rgb(152,162,82)
```

Monochromatic Color

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

#6f6838
```
#6f6838 rgb(111,104,56)
```
#6f6d38
```
#6f6d38 rgb(111,109,56)
```
#6d6f38
```
#6d6f38 rgb(109,111,56)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#636f38
```
#636f38 rgb(99,111,56)
```
#5f6f38
```
#5f6f38 rgb(95,111,56)
```
#5a6f38
```
#5a6f38 rgb(90,111,56)
```

Similar Colors

Text with hexadecimal color #686f38

This text has a font color of #686f38.

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

#686f38 background color

This paragraph has a background color of #686f38.

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

#686f38 border color

This element has a border color of #686f38.

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

CSS codes

.text {color:#686f38;}

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

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

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

#060703
```
#060703 rgb(6,7,3)
```
#12140a
```
#12140a rgb(18,20,10)
```
#1f2111
```
#1f2111 rgb(31,33,17)
```
#2b2e17
```
#2b2e17 rgb(43,46,23)
```
#373b1e
```
#373b1e rgb(55,59,30)
```
#434824
```
#434824 rgb(67,72,36)
```
#50552b
```
#50552b rgb(80,85,43)
```
#5c6231
```
#5c6231 rgb(92,98,49)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#747c3f
```
#747c3f rgb(116,124,63)
```
#808945
```
#808945 rgb(128,137,69)
```
#8d964c
```
#8d964c rgb(141,150,76)
```
#99a352
```
#99a352 rgb(153,163,82)
```

Shade Color Variation

#a3ad5c
```
#a3ad5c rgb(163,173,92)
```
#aab369
```
#aab369 rgb(170,179,105)
```
#b1ba76
```
#b1ba76 rgb(177,186,118)
```
#b9c183
```
#b9c183 rgb(185,193,131)
```
#c0c790
```
#c0c790 rgb(192,199,144)
```
#c8ce9d
```
#c8ce9d rgb(200,206,157)
```
#cfd4aa
```
#cfd4aa rgb(207,212,170)
```
#d6dbb7
```
#d6dbb7 rgb(214,219,183)
```
#dee1c5
```
#dee1c5 rgb(222,225,197)
```
#e5e8d2
```
#e5e8d2 rgb(229,232,210)
```
#edefdf
```
#edefdf rgb(237,239,223)
```
#f4f5ec
```
#f4f5ec rgb(244,245,236)
```
#fbfcf9
```
#fbfcf9 rgb(251,252,249)
```

Tint Color Variation

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

#555552
```
#555552 rgb(85,85,82)
```
#5a5c4b
```
#5a5c4b rgb(90,92,75)
```
#5e6245
```
#5e6245 rgb(94,98,69)
```
#63693e
```
#63693e rgb(99,105,62)
```
#686f38
```
#686f38 rgb(104,111,56)
```
#6d7532
```
#6d7532 rgb(109,117,50)
```
#727c2b
```
#727c2b rgb(114,124,43)
```
#768225
```
#768225 rgb(118,130,37)
```
#7b891e
```
#7b891e rgb(123,137,30)
```
#808f18
```
#808f18 rgb(128,143,24)
```
#859611
```
#859611 rgb(133,150,17)
```
#8a9c0b
```
#8a9c0b rgb(138,156,11)
```
#8ea205
```
#8ea205 rgb(142,162,5)
```

Tone Color Variation

Below, you can see how #686f38 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
#67695e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7241 Protanopia 1% of men
#8a6d45 Deuteranopia 1% of men
#767078 Tritanopia 0.001% of the population

Trichromacy

#75713d Protanomaly 1% of men, 0.01% of women
#7d6e40 Deuteranomaly 6% of men, 0.4% of women
#716f60 Tritanomaly 0.01% of the population

#686f38 hex color

#686f38 Color Information

#686f38 Color Conversion

Color Schemes with #686f38

Alternatives to #686f38

#686f38 Preview

Shades and Tints of #686f38

Tones of #686f38

Color Blindness Simulator