#686961 hex color

In a RGB color space, hex #686961 is composed of 40.8% red, 41.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 1% cyan, 0% magenta, 7.6% yellow and 58.8% black. It has a hue angle of 67.5 degrees, a saturation of 4% and a lightness of 39.6%. #686961 color hex could be obtained by blending #d0d2c2 with #000000. Closest websafe color is: #666666.

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

● #686961 color description : Very dark grayish yellow.

The hexadecimal color #686961 has RGB values of R:104, G:105, B:97 and CMYK values of C:0.01, M:0, Y:0.08, K:0.59. Its decimal value is 6842721.

Hex triplet	686961	`#686961`
RGB Decimal	104, 105, 97	`rgb(104,105,97)`
RGB Percent	40.8, 41.2, 38	`rgb(40.8%,41.2%,38%)`
CMYK	1, 0, 8, 59
HSL	67.5°, 4, 39.6	`hsl(67.5,4%,39.6%)`
HSV (or HSB)	67.5°, 7.6, 41.2
Web Safe	666666	`#666666`

CIE-LAB	44.103, -1.992, 4.359
XYZ	12.918, 13.909, 13.313
xyY	0.322, 0.347, 13.909
CIE-LCH	44.103, 4.793, 114.556
CIE-LUV	44.103, -0.138, 5.954
Hunter-Lab	37.295, -3.44, 4.943
Binary	01101000, 01101001, 01100001

#686961
```
#686961 rgb(104,105,97)
```
#626169
```
#626169 rgb(98,97,105)
```

Complementary Color

#696661
```
#696661 rgb(105,102,97)
```
#686961
```
#686961 rgb(104,105,97)
```
#646961
```
#646961 rgb(100,105,97)
```

Analogous Color

#666169
```
#666169 rgb(102,97,105)
```
#686961
```
#686961 rgb(104,105,97)
```
#616469
```
#616469 rgb(97,100,105)
```

Split Complementary Color

#696168
```
#696168 rgb(105,97,104)
```
#686961
```
#686961 rgb(104,105,97)
```
#616869
```
#616869 rgb(97,104,105)
```

Triadic Color

#696261
```
#696261 rgb(105,98,97)
```
#686961
```
#686961 rgb(104,105,97)
```
#616869
```
#616869 rgb(97,104,105)
```
#626169
```
#626169 rgb(98,97,105)
```

Tetradic Color

#41413c
```
#41413c rgb(65,65,60)
```
#4e4e49
```
#4e4e49 rgb(78,78,73)
```
#5b5c55
```
#5b5c55 rgb(91,92,85)
```
#686961
```
#686961 rgb(104,105,97)
```
#75766d
```
#75766d rgb(117,118,109)
```
#828479
```
#828479 rgb(130,132,121)
```
#8f9087
```
#8f9087 rgb(143,144,135)
```

Monochromatic Color

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

#696861
```
#696861 rgb(105,104,97)
```
#696961
```
#696961 rgb(105,105,97)
```
#696961
```
#696961 rgb(105,105,97)
```
#686961
```
#686961 rgb(104,105,97)
```
#676961
```
#676961 rgb(103,105,97)
```
#676961
```
#676961 rgb(103,105,97)
```
#666961
```
#666961 rgb(102,105,97)
```

Similar Colors

Text with hexadecimal color #686961

This text has a font color of #686961.

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

#686961 background color

This paragraph has a background color of #686961.

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

#686961 border color

This element has a border color of #686961.

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

CSS codes

.text {color:#686961;}

.background {background-color:#686961;}

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0d0d0c
```
#0d0d0c rgb(13,13,12)
```
#171716
```
#171716 rgb(23,23,22)
```
#21221f
```
#21221f rgb(33,34,31)
```
#2b2c28
```
#2b2c28 rgb(43,44,40)
```
#363632
```
#363632 rgb(54,54,50)
```
#40403b
```
#40403b rgb(64,64,59)
```
#4a4a45
```
#4a4a45 rgb(74,74,69)
```
#54554e
```
#54554e rgb(84,85,78)
```
#5e5f58
```
#5e5f58 rgb(94,95,88)
```
#686961
```
#686961 rgb(104,105,97)
```
#72736a
```
#72736a rgb(114,115,106)
```
#7c7d74
```
#7c7d74 rgb(124,125,116)
```

Shade Color Variation

#86877d
```
#86877d rgb(134,135,125)
```
#909188
```
#909188 rgb(144,145,136)
```
#999a92
```
#999a92 rgb(153,154,146)
```
#a3a49c
```
#a3a49c rgb(163,164,156)
```
#acada6
```
#acada6 rgb(172,173,166)
```
#b6b6b0
```
#b6b6b0 rgb(182,182,176)
```
#bfc0bb
```
#bfc0bb rgb(191,192,187)
```
#c9c9c5
```
#c9c9c5 rgb(201,201,197)
```
#d2d3cf
```
#d2d3cf rgb(210,211,207)
```
#dcdcd9
```
#dcdcd9 rgb(220,220,217)
```
#e5e6e3
```
#e5e6e3 rgb(229,230,227)
```
#efefee
```
#efefee rgb(239,239,238)
```
#f8f8f8
```
#f8f8f8 rgb(248,248,248)
```

Tint Color Variation

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

#686961
```
#686961 rgb(104,105,97)
```
#6e7159
```
#6e7159 rgb(110,113,89)
```
#747951
```
#747951 rgb(116,121,81)
```
#79804a
```
#79804a rgb(121,128,74)
```
#7f8842
```
#7f8842 rgb(127,136,66)
```
#85903a
```
#85903a rgb(133,144,58)
```
#8b9832
```
#8b9832 rgb(139,152,50)
```
#919f2b
```
#919f2b rgb(145,159,43)
```
#97a723
```
#97a723 rgb(151,167,35)
```
#9caf1b
```
#9caf1b rgb(156,175,27)
```
#a2b713
```
#a2b713 rgb(162,183,19)
```
#a8be0c
```
#a8be0c rgb(168,190,12)
```
#aec604
```
#aec604 rgb(174,198,4)
```

Tone Color Variation

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

Dichromacy

#736f68 Protanopia 1% of men
#7c6c6a Deuteranopia 1% of men
#726e76 Tritanopia 0.001% of the population

Trichromacy

#6f6d65 Protanomaly 1% of men, 0.01% of women
#756b67 Deuteranomaly 6% of men, 0.4% of women
#6e6c6e Tritanomaly 0.01% of the population

#686961 hex color

#686961 Color Information

#686961 Color Conversion

Color Schemes with #686961

Alternatives to #686961

#686961 Preview

Shades and Tints of #686961

Tones of #686961

Color Blindness Simulator