#686a5c hex color

In a RGB color space, hex #686a5c is composed of 40.8% red, 41.6% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 13.2% yellow and 58.4% black. It has a hue angle of 68.6 degrees, a saturation of 7.1% and a lightness of 38.8%. #686a5c color hex could be obtained by blending #d0d4b8 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #686a5c has RGB values of R:104, G:106, B:92 and CMYK values of C:0.02, M:0, Y:0.13, K:0.58. Its decimal value is 6842972.

Hex triplet	686a5c	`#686a5c`
RGB Decimal	104, 106, 92	`rgb(104,106,92)`
RGB Percent	40.8, 41.6, 36.1	`rgb(40.8%,41.6%,36.1%)`
CMYK	2, 0, 13, 58
HSL	68.6°, 7.1, 38.8	`hsl(68.6,7.1%,38.8%)`
HSV (or HSB)	68.6°, 13.2, 41.6
Web Safe	666666	`#666666`

CIE-LAB	44.267, -3.522, 7.602
XYZ	12.794, 14.024, 12.157
xyY	0.328, 0.36, 14.024
CIE-LCH	44.267, 8.378, 114.861
CIE-LUV	44.267, -0.414, 10.247
Hunter-Lab	37.448, -4.55, 6.966
Binary	01101000, 01101010, 01011100

#686a5c
```
#686a5c rgb(104,106,92)
```
#5e5c6a
```
#5e5c6a rgb(94,92,106)
```

Complementary Color

#6a655c
```
#6a655c rgb(106,101,92)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#616a5c
```
#616a5c rgb(97,106,92)
```

Analogous Color

#655c6a
```
#655c6a rgb(101,92,106)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#5c616a
```
#5c616a rgb(92,97,106)
```

Split Complementary Color

#6a5c68
```
#6a5c68 rgb(106,92,104)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#5c686a
```
#5c686a rgb(92,104,106)
```

Triadic Color

#6a5e5c
```
#6a5e5c rgb(106,94,92)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#5c686a
```
#5c686a rgb(92,104,106)
```
#5e5c6a
```
#5e5c6a rgb(94,92,106)
```

Tetradic Color

#404138
```
#404138 rgb(64,65,56)
```
#4d4f44
```
#4d4f44 rgb(77,79,68)
```
#5b5c50
```
#5b5c50 rgb(91,92,80)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#757868
```
#757868 rgb(117,120,104)
```
#838574
```
#838574 rgb(131,133,116)
```
#8f9281
```
#8f9281 rgb(143,146,129)
```

Monochromatic Color

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

#6a695c
```
#6a695c rgb(106,105,92)
```
#6a6a5c
```
#6a6a5c rgb(106,106,92)
```
#696a5c
```
#696a5c rgb(105,106,92)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#676a5c
```
#676a5c rgb(103,106,92)
```
#666a5c
```
#666a5c rgb(102,106,92)
```
#656a5c
```
#656a5c rgb(101,106,92)
```

Similar Colors

Text with hexadecimal color #686a5c

This text has a font color of #686a5c.

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

#686a5c background color

This paragraph has a background color of #686a5c.

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

#686a5c border color

This element has a border color of #686a5c.

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

CSS codes

.text {color:#686a5c;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0b0a
```
#0b0b0a rgb(11,11,10)
```
#161613
```
#161613 rgb(22,22,19)
```
#20201c
```
#20201c rgb(32,32,28)
```
#2a2b25
```
#2a2b25 rgb(42,43,37)
```
#34352e
```
#34352e rgb(52,53,46)
```
#3f4038
```
#3f4038 rgb(63,64,56)
```
#494a41
```
#494a41 rgb(73,74,65)
```
#53554a
```
#53554a rgb(83,85,74)
```
#5e5f53
```
#5e5f53 rgb(94,95,83)
```
#686a5c
```
#686a5c rgb(104,106,92)
```
#727565
```
#727565 rgb(114,117,101)
```
#7d7f6e
```
#7d7f6e rgb(125,127,110)
```

Shade Color Variation

#878977
```
#878977 rgb(135,137,119)
```
#909282
```
#909282 rgb(144,146,130)
```
#999c8c
```
#999c8c rgb(153,156,140)
```
#a3a597
```
#a3a597 rgb(163,165,151)
```
#acaea1
```
#acaea1 rgb(172,174,161)
```
#b5b7ac
```
#b5b7ac rgb(181,183,172)
```
#bfc0b6
```
#bfc0b6 rgb(191,192,182)
```
#c8c9c1
```
#c8c9c1 rgb(200,201,193)
```
#d1d2cb
```
#d1d2cb rgb(209,210,203)
```
#dbdbd6
```
#dbdbd6 rgb(219,219,214)
```
#e4e5e0
```
#e4e5e0 rgb(228,229,224)
```
#edeeeb
```
#edeeeb rgb(237,238,235)
```
#f7f7f5
```
#f7f7f5 rgb(247,247,245)
```

Tint Color Variation

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

#686a5c
```
#686a5c rgb(104,106,92)
```
#6d7254
```
#6d7254 rgb(109,114,84)
```
#73794d
```
#73794d rgb(115,121,77)
```
#788145
```
#788145 rgb(120,129,69)
```
#7e883e
```
#7e883e rgb(126,136,62)
```
#839036
```
#839036 rgb(131,144,54)
```
#89982e
```
#89982e rgb(137,152,46)
```
#8e9f27
```
#8e9f27 rgb(142,159,39)
```
#94a71f
```
#94a71f rgb(148,167,31)
```
#99af17
```
#99af17 rgb(153,175,23)
```
#9eb610
```
#9eb610 rgb(158,182,16)
```
#a4be08
```
#a4be08 rgb(164,190,8)
```
#a9c501
```
#a9c501 rgb(169,197,1)
```

Tone Color Variation

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

Dichromacy

#757063 Protanopia 1% of men
#7e6c66 Deuteranopia 1% of men
#726f76 Tritanopia 0.001% of the population

Trichromacy

#706d60 Protanomaly 1% of men, 0.01% of women
#766b62 Deuteranomaly 6% of men, 0.4% of women
#6e6d6d Tritanomaly 0.01% of the population

#686a5c hex color

#686a5c Color Information

#686a5c Color Conversion

Color Schemes with #686a5c

Alternatives to #686a5c

#686a5c Preview

Shades and Tints of #686a5c

Tones of #686a5c

Color Blindness Simulator