colorhexa.com

#686c31 hex color

In a RGB color space, hex #686c31 is composed of 40.8% red, 42.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 54.6% yellow and 57.6% black. It has a hue angle of 64.1 degrees, a saturation of 37.6% and a lightness of 30.8%. #686c31 color hex could be obtained by blending #d0d862 with #000000. Closest websafe color is: #666633.

- R 41
- G 42
- B 19
RGB color chart
- C 4
- M 0
- Y 55
- K 58
CMYK color chart

● #686c31 color description : Very dark desaturated yellow.

The hexadecimal color #686c31 has RGB values of R:104, G:108, B:49 and CMYK values of C:0.04, M:0, Y:0.55, K:0.58. Its decimal value is 6843441.

Hex triplet	686c31	`#686c31`
RGB Decimal	104, 108, 49	`rgb(104,108,49)`
RGB Percent	40.8, 42.4, 19.2	`rgb(40.8%,42.4%,19.2%)`
CMYK	4, 0, 55, 58
HSL	64.1°, 37.6, 30.8	`hsl(64.1,37.6%,30.8%)`
HSV (or HSB)	64.1°, 54.6, 42.4
Web Safe	666633	`#666633`

CIE-LAB	44.075, -10.745, 32.081
XYZ	11.626, 13.89, 4.974
xyY	0.381, 0.456, 13.89
CIE-LCH	44.075, 33.833, 108.518
CIE-LUV	44.075, 0.075, 36.585
Hunter-Lab	37.269, -9.54, 18.175
Binary	01101000, 01101100, 00110001

#686c31
```
#686c31 rgb(104,108,49)
```
#35316c
```
#35316c rgb(53,49,108)
```

Complementary Color

#6c5331
```
#6c5331 rgb(108,83,49)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#4b6c31
```
#4b6c31 rgb(75,108,49)
```

Analogous Color

#53316c
```
#53316c rgb(83,49,108)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#314b6c
```
#314b6c rgb(49,75,108)
```

Split Complementary Color

#6c3168
```
#6c3168 rgb(108,49,104)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#31686c
```
#31686c rgb(49,104,108)
```

Triadic Color

#6c3531
```
#6c3531 rgb(108,53,49)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#31686c
```
#31686c rgb(49,104,108)
```
#35316c
```
#35316c rgb(53,49,108)
```

Tetradic Color

#353719
```
#353719 rgb(53,55,25)
```
#464921
```
#464921 rgb(70,73,33)
```
#575a29
```
#575a29 rgb(87,90,41)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#797e39
```
#797e39 rgb(121,126,57)
```
#8a8f41
```
#8a8f41 rgb(138,143,65)
```
#9ba149
```
#9ba149 rgb(155,161,73)
```

Monochromatic Color

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

#6c6131
```
#6c6131 rgb(108,97,49)
```
#6c6631
```
#6c6631 rgb(108,102,49)
```
#6c6b31
```
#6c6b31 rgb(108,107,49)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#636c31
```
#636c31 rgb(99,108,49)
```
#5e6c31
```
#5e6c31 rgb(94,108,49)
```
#596c31
```
#596c31 rgb(89,108,49)
```

Similar Colors

Text with hexadecimal color #686c31

This text has a font color of #686c31.

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

#686c31 background color

This paragraph has a background color of #686c31.

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

#686c31 border color

This element has a border color of #686c31.

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

CSS codes

.text {color:#686c31;}

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

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

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 #f8f9f2 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0d0e06
```
#0d0e06 rgb(13,14,6)
```
#1a1b0c
```
#1a1b0c rgb(26,27,12)
```
#272912
```
#272912 rgb(39,41,18)
```
#343619
```
#343619 rgb(52,54,25)
```
#41441f
```
#41441f rgb(65,68,31)
```
#4e5125
```
#4e5125 rgb(78,81,37)
```
#5b5f2b
```
#5b5f2b rgb(91,95,43)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#757937
```
#757937 rgb(117,121,55)
```
#82873d
```
#82873d rgb(130,135,61)
```
#8f9443
```
#8f9443 rgb(143,148,67)
```
#9ca249
```
#9ca249 rgb(156,162,73)
```

Shade Color Variation

#a9af50
```
#a9af50 rgb(169,175,80)
```
#b0b65d
```
#b0b65d rgb(176,182,93)
```
#b6bc6b
```
#b6bc6b rgb(182,188,107)
```
#bdc278
```
#bdc278 rgb(189,194,120)
```
#c3c886
```
#c3c886 rgb(195,200,134)
```
#cace93
```
#cace93 rgb(202,206,147)
```
#d1d4a1
```
#d1d4a1 rgb(209,212,161)
```
#d7daae
```
#d7daae rgb(215,218,174)
```
#dee0bc
```
#dee0bc rgb(222,224,188)
```
#e5e7c9
```
#e5e7c9 rgb(229,231,201)
```
#ebedd7
```
#ebedd7 rgb(235,237,215)
```
#f2f3e4
```
#f2f3e4 rgb(242,243,228)
```
#f8f9f2
```
#f8f9f2 rgb(248,249,242)
```

Tint Color Variation

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

#535449
```
#535449 rgb(83,84,73)
```
#585a43
```
#585a43 rgb(88,90,67)
```
#5e603d
```
#5e603d rgb(94,96,61)
```
#636637
```
#636637 rgb(99,102,55)
```
#686c31
```
#686c31 rgb(104,108,49)
```
#6d722b
```
#6d722b rgb(109,114,43)
```
#727825
```
#727825 rgb(114,120,37)
```
#787e1f
```
#787e1f rgb(120,126,31)
```
#7d8419
```
#7d8419 rgb(125,132,25)
```
#828a13
```
#828a13 rgb(130,138,19)
```
#87900d
```
#87900d rgb(135,144,13)
```
#8d9607
```
#8d9607 rgb(141,150,7)
```
#929c01
```
#929c01 rgb(146,156,1)
```

Tone Color Variation

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

Dichromacy

#7b703a Protanopia 1% of men
#886b3e Deuteranopia 1% of men
#766d75 Tritanopia 0.001% of the population

Trichromacy

#746e37 Protanomaly 1% of men, 0.01% of women
#7c6b39 Deuteranomaly 6% of men, 0.4% of women
#716c5c Tritanomaly 0.01% of the population