#686d4c hex color

In a RGB color space, hex #686d4c is composed of 40.8% red, 42.7% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 30.3% yellow and 57.3% black. It has a hue angle of 69.1 degrees, a saturation of 17.8% and a lightness of 36.3%. #686d4c color hex could be obtained by blending #d0da98 with #000000. Closest websafe color is: #666633.

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

● #686d4c color description : Very dark grayish yellow.

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

Hex triplet	686d4c	`#686d4c`
RGB Decimal	104, 109, 76	`rgb(104,109,76)`
RGB Percent	40.8, 42.7, 29.8	`rgb(40.8%,42.7%,29.8%)`
CMYK	5, 0, 30, 57
HSL	69.1°, 17.8, 36.3	`hsl(69.1,17.8%,36.3%)`
HSV (or HSB)	69.1°, 30.3, 42.7
Web Safe	666633	`#666633`

CIE-LAB	44.804, -7.941, 17.845
XYZ	12.482, 14.402, 8.959
xyY	0.348, 0.402, 14.402
CIE-LCH	44.804, 19.532, 113.99
CIE-LUV	44.804, -1.367, 22.829
Hunter-Lab	37.95, -7.704, 12.568
Binary	01101000, 01101101, 01001100

#686d4c
```
#686d4c rgb(104,109,76)
```
#514c6d
```
#514c6d rgb(81,76,109)
```

Complementary Color

#6d624c
```
#6d624c rgb(109,98,76)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#586d4c
```
#586d4c rgb(88,109,76)
```

Analogous Color

#624c6d
```
#624c6d rgb(98,76,109)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#4c586d
```
#4c586d rgb(76,88,109)
```

Split Complementary Color

#6d4c68
```
#6d4c68 rgb(109,76,104)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#4c686d
```
#4c686d rgb(76,104,109)
```

Triadic Color

#6d514c
```
#6d514c rgb(109,81,76)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#4c686d
```
#4c686d rgb(76,104,109)
```
#514c6d
```
#514c6d rgb(81,76,109)
```

Tetradic Color

#3d402d
```
#3d402d rgb(61,64,45)
```
#4b4f37
```
#4b4f37 rgb(75,79,55)
```
#5a5e42
```
#5a5e42 rgb(90,94,66)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#767c56
```
#767c56 rgb(118,124,86)
```
#858b61
```
#858b61 rgb(133,139,97)
```
#92996d
```
#92996d rgb(146,153,109)
```

Monochromatic Color

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

#6d6a4c
```
#6d6a4c rgb(109,106,76)
```
#6d6d4c
```
#6d6d4c rgb(109,109,76)
```
#6b6d4c
```
#6b6d4c rgb(107,109,76)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#656d4c
```
#656d4c rgb(101,109,76)
```
#636d4c
```
#636d4c rgb(99,109,76)
```
#606d4c
```
#606d4c rgb(96,109,76)
```

Similar Colors

Text with hexadecimal color #686d4c

This text has a font color of #686d4c.

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

#686d4c background color

This paragraph has a background color of #686d4c.

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

#686d4c border color

This element has a border color of #686d4c.

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

CSS codes

.text {color:#686d4c;}

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

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

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

#050503
```
#050503 rgb(5,5,3)
```
#10110c
```
#10110c rgb(16,17,12)
```
#1b1c14
```
#1b1c14 rgb(27,28,20)
```
#26281c
```
#26281c rgb(38,40,28)
```
#313324
```
#313324 rgb(49,51,36)
```
#3c3f2c
```
#3c3f2c rgb(60,63,44)
```
#474a34
```
#474a34 rgb(71,74,52)
```
#52563c
```
#52563c rgb(82,86,60)
```
#5d6144
```
#5d6144 rgb(93,97,68)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#737954
```
#737954 rgb(115,121,84)
```
#7e845c
```
#7e845c rgb(126,132,92)
```
#899064
```
#899064 rgb(137,144,100)
```

Shade Color Variation

#939a6e
```
#939a6e rgb(147,154,110)
```
#9ca279
```
#9ca279 rgb(156,162,121)
```
#a4aa85
```
#a4aa85 rgb(164,170,133)
```
#adb290
```
#adb290 rgb(173,178,144)
```
#b5ba9c
```
#b5ba9c rgb(181,186,156)
```
#bec2a8
```
#bec2a8 rgb(190,194,168)
```
#c7cab3
```
#c7cab3 rgb(199,202,179)
```
#cfd2bf
```
#cfd2bf rgb(207,210,191)
```
#d8daca
```
#d8daca rgb(216,218,202)
```
#e0e2d6
```
#e0e2d6 rgb(224,226,214)
```
#e9eae1
```
#e9eae1 rgb(233,234,225)
```
#f2f2ed
```
#f2f2ed rgb(242,242,237)
```
#fafaf8
```
#fafaf8 rgb(250,250,248)
```

Tint Color Variation

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

#5e5f5a
```
#5e5f5a rgb(94,95,90)
```
#636653
```
#636653 rgb(99,102,83)
```
#686d4c
```
#686d4c rgb(104,109,76)
```
#6d7445
```
#6d7445 rgb(109,116,69)
```
#727b3e
```
#727b3e rgb(114,123,62)
```
#778237
```
#778237 rgb(119,130,55)
```
#7c8930
```
#7c8930 rgb(124,137,48)
```
#819128
```
#819128 rgb(129,145,40)
```
#869821
```
#869821 rgb(134,152,33)
```
#8b9f1a
```
#8b9f1a rgb(139,159,26)
```
#90a613
```
#90a613 rgb(144,166,19)
```
#95ad0c
```
#95ad0c rgb(149,173,12)
```
#9ab405
```
#9ab405 rgb(154,180,5)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7154 Protanopia 1% of men
#856d57 Deuteranopia 1% of men
#757078 Tritanopia 0.001% of the population

Trichromacy

#736f51 Protanomaly 1% of men, 0.01% of women
#7a6d53 Deuteranomaly 6% of men, 0.4% of women
#706e68 Tritanomaly 0.01% of the population

#686d4c hex color

#686d4c Color Information

#686d4c Color Conversion

Color Schemes with #686d4c

Alternatives to #686d4c

#686d4c Preview

Shades and Tints of #686d4c

Tones of #686d4c

Color Blindness Simulator