#686742 hex color

In a RGB color space, hex #686742 is composed of 40.8% red, 40.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 36.5% yellow and 59.2% black. It has a hue angle of 58.4 degrees, a saturation of 22.4% and a lightness of 33.3%. #686742 color hex could be obtained by blending #d0ce84 with #000000. Closest websafe color is: #666633.

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

● #686742 color description : Very dark desaturated yellow.

The hexadecimal color #686742 has RGB values of R:104, G:103, B:66 and CMYK values of C:0, M:0.01, Y:0.37, K:0.59. Its decimal value is 6842178.

Hex triplet	686742	`#686742`
RGB Decimal	104, 103, 66	`rgb(104,103,66)`
RGB Percent	40.8, 40.4, 25.9	`rgb(40.8%,40.4%,25.9%)`
CMYK	0, 1, 37, 59
HSL	58.4°, 22.4, 33.3	`hsl(58.4,22.4%,33.3%)`
HSV (or HSB)	58.4°, 36.5, 40.8
Web Safe	666633	`#666633`

CIE-LAB	42.819, -5.927, 21.055
XYZ	11.542, 13.037, 7.062
xyY	0.365, 0.412, 13.037
CIE-LCH	42.819, 21.873, 105.723
CIE-LUV	42.819, 2.452, 25.406
Hunter-Lab	36.107, -6.125, 13.678
Binary	01101000, 01100111, 01000010

#686742
```
#686742 rgb(104,103,66)
```
#424368
```
#424368 rgb(66,67,104)
```

Complementary Color

#685442
```
#685442 rgb(104,84,66)
```
#686742
```
#686742 rgb(104,103,66)
```
#566842
```
#566842 rgb(86,104,66)
```

Analogous Color

#544268
```
#544268 rgb(84,66,104)
```
#686742
```
#686742 rgb(104,103,66)
```
#425668
```
#425668 rgb(66,86,104)
```

Split Complementary Color

#674268
```
#674268 rgb(103,66,104)
```
#686742
```
#686742 rgb(104,103,66)
```
#426867
```
#426867 rgb(66,104,103)
```

Triadic Color

#684243
```
#684243 rgb(104,66,67)
```
#686742
```
#686742 rgb(104,103,66)
```
#426867
```
#426867 rgb(66,104,103)
```
#424368
```
#424368 rgb(66,67,104)
```

Tetradic Color

#393924
```
#393924 rgb(57,57,36)
```
#49482e
```
#49482e rgb(73,72,46)
```
#585838
```
#585838 rgb(88,88,56)
```
#686742
```
#686742 rgb(104,103,66)
```
#78764c
```
#78764c rgb(120,118,76)
```
#878656
```
#878656 rgb(135,134,86)
```
#979560
```
#979560 rgb(151,149,96)
```

Monochromatic Color

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

#685e42
```
#685e42 rgb(104,94,66)
```
#686142
```
#686142 rgb(104,97,66)
```
#686442
```
#686442 rgb(104,100,66)
```
#686742
```
#686742 rgb(104,103,66)
```
#666842
```
#666842 rgb(102,104,66)
```
#636842
```
#636842 rgb(99,104,66)
```
#606842
```
#606842 rgb(96,104,66)
```

Similar Colors

Text with hexadecimal color #686742

This text has a font color of #686742.

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

#686742 background color

This paragraph has a background color of #686742.

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

#686742 border color

This element has a border color of #686742.

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

CSS codes

.text {color:#686742;}

.background {background-color:#686742;}

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

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

#080805
```
#080805 rgb(8,8,5)
```
#14140d
```
#14140d rgb(20,20,13)
```
#202014
```
#202014 rgb(32,32,20)
```
#2c2c1c
```
#2c2c1c rgb(44,44,28)
```
#383724
```
#383724 rgb(56,55,36)
```
#44432b
```
#44432b rgb(68,67,43)
```
#504f33
```
#504f33 rgb(80,79,51)
```
#5c5b3a
```
#5c5b3a rgb(92,91,58)
```
#686742
```
#686742 rgb(104,103,66)
```
#74734a
```
#74734a rgb(116,115,74)
```
#807f51
```
#807f51 rgb(128,127,81)
```
#8c8b59
```
#8c8b59 rgb(140,139,89)
```
#989760
```
#989760 rgb(152,151,96)
```

Shade Color Variation

#a1a06b
```
#a1a06b rgb(161,160,107)
```
#a9a777
```
#a9a777 rgb(169,167,119)
```
#b0af83
```
#b0af83 rgb(176,175,131)
```
#b8b78f
```
#b8b78f rgb(184,183,143)
```
#c0bf9b
```
#c0bf9b rgb(192,191,155)
```
#c7c6a7
```
#c7c6a7 rgb(199,198,167)
```
#cfceb3
```
#cfceb3 rgb(207,206,179)
```
#d6d6bf
```
#d6d6bf rgb(214,214,191)
```
#dedecb
```
#dedecb rgb(222,222,203)
```
#e6e5d7
```
#e6e5d7 rgb(230,229,215)
```
#edede3
```
#edede3 rgb(237,237,227)
```
#f5f5ef
```
#f5f5ef rgb(245,245,239)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#5b5b4f
```
#5b5b4f rgb(91,91,79)
```
#616149
```
#616149 rgb(97,97,73)
```
#686742
```
#686742 rgb(104,103,66)
```
#6f6d3b
```
#6f6d3b rgb(111,109,59)
```
#757335
```
#757335 rgb(117,115,53)
```
#7c7a2e
```
#7c7a2e rgb(124,122,46)
```
#828028
```
#828028 rgb(130,128,40)
```
#898621
```
#898621 rgb(137,134,33)
```
#8f8c1b
```
#8f8c1b rgb(143,140,27)
```
#969214
```
#969214 rgb(150,146,20)
```
#9c990e
```
#9c990e rgb(156,153,14)
```
#a39f07
```
#a39f07 rgb(163,159,7)
```
#a9a501
```
#a9a501 rgb(169,165,1)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#64645c Atypical Achromatopsia 0.001% of the population

Dichromacy

#756d4b Protanopia 1% of men
#81684d Deuteranopia 1% of men
#746a71 Tritanopia 0.001% of the population

Trichromacy

#706a47 Protanomaly 1% of men, 0.01% of women
#786849 Deuteranomaly 6% of men, 0.4% of women
#706860 Tritanomaly 0.01% of the population

#686742 hex color

#686742 Color Information

#686742 Color Conversion

Color Schemes with #686742

Alternatives to #686742

#686742 Preview

Shades and Tints of #686742

Tones of #686742

Color Blindness Simulator