#686749 hex color

In a RGB color space, hex #686749 is composed of 40.8% red, 40.4% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 29.8% yellow and 59.2% black. It has a hue angle of 58.1 degrees, a saturation of 17.5% and a lightness of 34.7%. #686749 color hex could be obtained by blending #d0ce92 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 40
- B 29
RGB color chart
- C 0
- M 1
- Y 30
- K 59
CMYK color chart

● #686749 color description : Very dark grayish yellow.

The hexadecimal color #686749 has RGB values of R:104, G:103, B:73 and CMYK values of C:0, M:0.01, Y:0.3, K:0.59. Its decimal value is 6842185.

Hex triplet	686749	`#686749`
RGB Decimal	104, 103, 73	`rgb(104,103,73)`
RGB Percent	40.8, 40.4, 28.6	`rgb(40.8%,40.4%,28.6%)`
CMYK	0, 1, 30, 59
HSL	58.1°, 17.5, 34.7	`hsl(58.1,17.5%,34.7%)`
HSV (or HSB)	58.1°, 29.8, 40.8
Web Safe	666633	`#666633`

CIE-LAB	42.951, -4.937, 17.122
XYZ	11.762, 13.125, 8.217
xyY	0.355, 0.396, 13.125
CIE-LCH	42.951, 17.82, 106.084
CIE-LUV	42.951, 2.139, 21.225
Hunter-Lab	36.228, -5.448, 11.912
Binary	01101000, 01100111, 01001001

#686749
```
#686749 rgb(104,103,73)
```
#494a68
```
#494a68 rgb(73,74,104)
```

Complementary Color

#685849
```
#685849 rgb(104,88,73)
```
#686749
```
#686749 rgb(104,103,73)
```
#5a6849
```
#5a6849 rgb(90,104,73)
```

Analogous Color

#584968
```
#584968 rgb(88,73,104)
```
#686749
```
#686749 rgb(104,103,73)
```
#495a68
```
#495a68 rgb(73,90,104)
```

Split Complementary Color

#674968
```
#674968 rgb(103,73,104)
```
#686749
```
#686749 rgb(104,103,73)
```
#496867
```
#496867 rgb(73,104,103)
```

Triadic Color

#68494a
```
#68494a rgb(104,73,74)
```
#686749
```
#686749 rgb(104,103,73)
```
#496867
```
#496867 rgb(73,104,103)
```
#494a68
```
#494a68 rgb(73,74,104)
```

Tetradic Color

#3b3a29
```
#3b3a29 rgb(59,58,41)
```
#4a4934
```
#4a4934 rgb(74,73,52)
```
#59583e
```
#59583e rgb(89,88,62)
```
#686749
```
#686749 rgb(104,103,73)
```
#777654
```
#777654 rgb(119,118,84)
```
#86855e
```
#86855e rgb(134,133,94)
```
#959469
```
#959469 rgb(149,148,105)
```

Monochromatic Color

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

#685f49
```
#685f49 rgb(104,95,73)
```
#686249
```
#686249 rgb(104,98,73)
```
#686449
```
#686449 rgb(104,100,73)
```
#686749
```
#686749 rgb(104,103,73)
```
#666849
```
#666849 rgb(102,104,73)
```
#646849
```
#646849 rgb(100,104,73)
```
#616849
```
#616849 rgb(97,104,73)
```

Similar Colors

Text with hexadecimal color #686749

This text has a font color of #686749.

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

#686749 background color

This paragraph has a background color of #686749.

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

#686749 border color

This element has a border color of #686749.

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

CSS codes

.text {color:#686749;}

.background {background-color:#686749;}

.border {border:1px solid #686749;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0c08
```
#0c0c08 rgb(12,12,8)
```
#171710
```
#171710 rgb(23,23,16)
```
#232318
```
#232318 rgb(35,35,24)
```
#2e2e21
```
#2e2e21 rgb(46,46,33)
```
#3a3929
```
#3a3929 rgb(58,57,41)
```
#454531
```
#454531 rgb(69,69,49)
```
#515039
```
#515039 rgb(81,80,57)
```
#5c5c41
```
#5c5c41 rgb(92,92,65)
```
#686749
```
#686749 rgb(104,103,73)
```
#747251
```
#747251 rgb(116,114,81)
```
#7f7e59
```
#7f7e59 rgb(127,126,89)
```
#8b8961
```
#8b8961 rgb(139,137,97)
```

Shade Color Variation

#969569
```
#969569 rgb(150,149,105)
```
#9e9d75
```
#9e9d75 rgb(158,157,117)
```
#a6a580
```
#a6a580 rgb(166,165,128)
```
#aead8c
```
#aead8c rgb(174,173,140)
```
#b6b598
```
#b6b598 rgb(182,181,152)
```
#bebea3
```
#bebea3 rgb(190,190,163)
```
#c7c6af
```
#c7c6af rgb(199,198,175)
```
#cfceba
```
#cfceba rgb(207,206,186)
```
#d7d6c6
```
#d7d6c6 rgb(215,214,198)
```
#dfded1
```
#dfded1 rgb(223,222,209)
```
#e7e7dd
```
#e7e7dd rgb(231,231,221)
```
#efefe8
```
#efefe8 rgb(239,239,232)
```
#f7f7f4
```
#f7f7f4 rgb(247,247,244)
```

Tint Color Variation

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

#5a5a57
```
#5a5a57 rgb(90,90,87)
```
#616150
```
#616150 rgb(97,97,80)
```
#686749
```
#686749 rgb(104,103,73)
```
#6f6d42
```
#6f6d42 rgb(111,109,66)
```
#76743b
```
#76743b rgb(118,116,59)
```
#7c7a35
```
#7c7a35 rgb(124,122,53)
```
#83802e
```
#83802e rgb(131,128,46)
```
#8a8727
```
#8a8727 rgb(138,135,39)
```
#918d20
```
#918d20 rgb(145,141,32)
```
#989419
```
#989419 rgb(152,148,25)
```
#9e9a13
```
#9e9a13 rgb(158,154,19)
```
#a5a00c
```
#a5a00c rgb(165,160,12)
```
#aca705
```
#aca705 rgb(172,167,5)
```

Tone Color Variation

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

Dichromacy

#756d51 Protanopia 1% of men
#806954 Deuteranopia 1% of men
#746a72 Tritanopia 0.001% of the population

Trichromacy

#706a4e Protanomaly 1% of men, 0.01% of women
#776850 Deuteranomaly 6% of men, 0.4% of women
#6f6963 Tritanomaly 0.01% of the population

#686749 hex color

#686749 Color Information

#686749 Color Conversion

Color Schemes with #686749

Alternatives to #686749

#686749 Preview

Shades and Tints of #686749

Tones of #686749

Color Blindness Simulator