#686b31 hex color

In a RGB color space, hex #686b31 is composed of 40.8% red, 42% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 54.2% yellow and 58% black. It has a hue angle of 63.1 degrees, a saturation of 37.2% and a lightness of 30.6%. #686b31 color hex could be obtained by blending #d0d662 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 42
- B 19
RGB color chart
- C 3
- M 0
- Y 54
- K 58
CMYK color chart

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

The hexadecimal color #686b31 has RGB values of R:104, G:107, B:49 and CMYK values of C:0.03, M:0, Y:0.54, K:0.58. Its decimal value is 6843185.

Hex triplet	686b31	`#686b31`
RGB Decimal	104, 107, 49	`rgb(104,107,49)`
RGB Percent	40.8, 42, 19.2	`rgb(40.8%,42%,19.2%)`
CMYK	3, 0, 54, 58
HSL	63.1°, 37.2, 30.6	`hsl(63.1,37.2%,30.6%)`
HSV (or HSB)	63.1°, 54.2, 42
Web Safe	666633	`#666633`

CIE-LAB	43.771, -10.184, 31.725
XYZ	11.521, 13.68, 4.939
xyY	0.382, 0.454, 13.68
CIE-LCH	43.771, 33.319, 107.797
CIE-LUV	43.771, 0.676, 36.083
Hunter-Lab	36.987, -9.127, 17.973
Binary	01101000, 01101011, 00110001

#686b31
```
#686b31 rgb(104,107,49)
```
#34316b
```
#34316b rgb(52,49,107)
```

Complementary Color

#6b5131
```
#6b5131 rgb(107,81,49)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#4b6b31
```
#4b6b31 rgb(75,107,49)
```

Analogous Color

#51316b
```
#51316b rgb(81,49,107)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#314b6b
```
#314b6b rgb(49,75,107)
```

Split Complementary Color

#6b3168
```
#6b3168 rgb(107,49,104)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#31686b
```
#31686b rgb(49,104,107)
```

Triadic Color

#6b3431
```
#6b3431 rgb(107,52,49)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#31686b
```
#31686b rgb(49,104,107)
```
#34316b
```
#34316b rgb(52,49,107)
```

Tetradic Color

#353719
```
#353719 rgb(53,55,25)
```
#464821
```
#464821 rgb(70,72,33)
```
#575a29
```
#575a29 rgb(87,90,41)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#797c39
```
#797c39 rgb(121,124,57)
```
#8a8e41
```
#8a8e41 rgb(138,142,65)
```
#9b9f49
```
#9b9f49 rgb(155,159,73)
```

Monochromatic Color

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

#6b6031
```
#6b6031 rgb(107,96,49)
```
#6b6431
```
#6b6431 rgb(107,100,49)
```
#6b6931
```
#6b6931 rgb(107,105,49)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#636b31
```
#636b31 rgb(99,107,49)
```
#5e6b31
```
#5e6b31 rgb(94,107,49)
```
#5a6b31
```
#5a6b31 rgb(90,107,49)
```

Similar Colors

Text with hexadecimal color #686b31

This text has a font color of #686b31.

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

#686b31 background color

This paragraph has a background color of #686b31.

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

#686b31 border color

This element has a border color of #686b31.

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

CSS codes

.text {color:#686b31;}

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

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

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, #0c0d06 is the darkest color, while #fffffe is the lightest one.

#0c0d06
```
#0c0d06 rgb(12,13,6)
```
#1a1a0c
```
#1a1a0c rgb(26,26,12)
```
#272812
```
#272812 rgb(39,40,18)
```
#343518
```
#343518 rgb(52,53,24)
```
#41431f
```
#41431f rgb(65,67,31)
```
#4e5025
```
#4e5025 rgb(78,80,37)
```
#5b5e2b
```
#5b5e2b rgb(91,94,43)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#757837
```
#757837 rgb(117,120,55)
```
#82863d
```
#82863d rgb(130,134,61)
```
#8f9343
```
#8f9343 rgb(143,147,67)
```
#9ca14a
```
#9ca14a rgb(156,161,74)
```
#a9ae50
```
#a9ae50 rgb(169,174,80)
```

Shade Color Variation

#b0b55d
```
#b0b55d rgb(176,181,93)
```
#b7bb6a
```
#b7bb6a rgb(183,187,106)
```
#bdc178
```
#bdc178 rgb(189,193,120)
```
#c4c785
```
#c4c785 rgb(196,199,133)
```
#cacd93
```
#cacd93 rgb(202,205,147)
```
#d1d4a0
```
#d1d4a0 rgb(209,212,160)
```
#d7daae
```
#d7daae rgb(215,218,174)
```
#dee0bb
```
#dee0bb rgb(222,224,187)
```
#e5e6c9
```
#e5e6c9 rgb(229,230,201)
```
#ebecd6
```
#ebecd6 rgb(235,236,214)
```
#f2f2e3
```
#f2f2e3 rgb(242,242,227)
```
#f8f9f1
```
#f8f9f1 rgb(248,249,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#525349
```
#525349 rgb(82,83,73)
```
#585943
```
#585943 rgb(88,89,67)
```
#5d5f3d
```
#5d5f3d rgb(93,95,61)
```
#636537
```
#636537 rgb(99,101,55)
```
#686b31
```
#686b31 rgb(104,107,49)
```
#6d712b
```
#6d712b rgb(109,113,43)
```
#737725
```
#737725 rgb(115,119,37)
```
#787d1f
```
#787d1f rgb(120,125,31)
```
#7e8319
```
#7e8319 rgb(126,131,25)
```
#838913
```
#838913 rgb(131,137,19)
```
#888f0d
```
#888f0d rgb(136,143,13)
```
#8e9507
```
#8e9507 rgb(142,149,7)
```
#939b01
```
#939b01 rgb(147,155,1)
```

Tone Color Variation

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

Dichromacy

#7a6f3a Protanopia 1% of men
#876a3e Deuteranopia 1% of men
#766c74 Tritanopia 0.001% of the population

Trichromacy

#736d37 Protanomaly 1% of men, 0.01% of women
#7b6a39 Deuteranomaly 6% of men, 0.4% of women
#716b5b Tritanomaly 0.01% of the population

#686b31 hex color

#686b31 Color Information

#686b31 Color Conversion

Color Schemes with #686b31

Alternatives to #686b31

#686b31 Preview

Shades and Tints of #686b31

Tones of #686b31

Color Blindness Simulator