#686b32 hex color

In a RGB color space, hex #686b32 is composed of 40.8% red, 42% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 53.3% yellow and 58% black. It has a hue angle of 63.2 degrees, a saturation of 36.3% and a lightness of 30.8%. #686b32 color hex could be obtained by blending #d0d664 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686b32 has RGB values of R:104, G:107, B:50 and CMYK values of C:0.03, M:0, Y:0.53, K:0.58. Its decimal value is 6843186.

Hex triplet	686b32	`#686b32`
RGB Decimal	104, 107, 50	`rgb(104,107,50)`
RGB Percent	40.8, 42, 19.6	`rgb(40.8%,42%,19.6%)`
CMYK	3, 0, 53, 58
HSL	63.2°, 36.3, 30.8	`hsl(63.2,36.3%,30.8%)`
HSV (or HSB)	63.2°, 53.3, 42
Web Safe	666633	`#666633`

CIE-LAB	43.783, -10.085, 31.209
XYZ	11.542, 13.689, 5.052
xyY	0.381, 0.452, 13.689
CIE-LCH	43.783, 32.798, 107.908
CIE-LUV	43.783, 0.648, 35.647
Hunter-Lab	36.998, -9.061, 17.804
Binary	01101000, 01101011, 00110010

#686b32
```
#686b32 rgb(104,107,50)
```
#35326b
```
#35326b rgb(53,50,107)
```

Complementary Color

#6b5232
```
#6b5232 rgb(107,82,50)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#4c6b32
```
#4c6b32 rgb(76,107,50)
```

Analogous Color

#52326b
```
#52326b rgb(82,50,107)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#324c6b
```
#324c6b rgb(50,76,107)
```

Split Complementary Color

#6b3268
```
#6b3268 rgb(107,50,104)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#32686b
```
#32686b rgb(50,104,107)
```

Triadic Color

#6b3532
```
#6b3532 rgb(107,53,50)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#32686b
```
#32686b rgb(50,104,107)
```
#35326b
```
#35326b rgb(53,50,107)
```

Tetradic Color

#35371a
```
#35371a rgb(53,55,26)
```
#464822
```
#464822 rgb(70,72,34)
```
#575a2a
```
#575a2a rgb(87,90,42)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#797c3a
```
#797c3a rgb(121,124,58)
```
#8a8e42
```
#8a8e42 rgb(138,142,66)
```
#9b9f4a
```
#9b9f4a rgb(155,159,74)
```

Monochromatic Color

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

#6b6032
```
#6b6032 rgb(107,96,50)
```
#6b6532
```
#6b6532 rgb(107,101,50)
```
#6b6932
```
#6b6932 rgb(107,105,50)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#636b32
```
#636b32 rgb(99,107,50)
```
#5f6b32
```
#5f6b32 rgb(95,107,50)
```
#5a6b32
```
#5a6b32 rgb(90,107,50)
```

Similar Colors

Text with hexadecimal color #686b32

This text has a font color of #686b32.

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

#686b32 background color

This paragraph has a background color of #686b32.

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

#686b32 border color

This element has a border color of #686b32.

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

CSS codes

.text {color:#686b32;}

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

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

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)
```
#0d0d06
```
#0d0d06 rgb(13,13,6)
```
#1a1b0d
```
#1a1b0d rgb(26,27,13)
```
#272813
```
#272813 rgb(39,40,19)
```
#343619
```
#343619 rgb(52,54,25)
```
#41431f
```
#41431f rgb(65,67,31)
```
#4e5026
```
#4e5026 rgb(78,80,38)
```
#5b5e2c
```
#5b5e2c rgb(91,94,44)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#757838
```
#757838 rgb(117,120,56)
```
#82863e
```
#82863e rgb(130,134,62)
```
#8f9345
```
#8f9345 rgb(143,147,69)
```
#9ca04b
```
#9ca04b rgb(156,160,75)
```

Shade Color Variation

#a9ae51
```
#a9ae51 rgb(169,174,81)
```
#b0b45f
```
#b0b45f rgb(176,180,95)
```
#b6ba6c
```
#b6ba6c rgb(182,186,108)
```
#bdc179
```
#bdc179 rgb(189,193,121)
```
#c3c787
```
#c3c787 rgb(195,199,135)
```
#cacd94
```
#cacd94 rgb(202,205,148)
```
#d1d3a1
```
#d1d3a1 rgb(209,211,161)
```
#d7daaf
```
#d7daaf rgb(215,218,175)
```
#dee0bc
```
#dee0bc rgb(222,224,188)
```
#e5e6ca
```
#e5e6ca rgb(229,230,202)
```
#ebecd7
```
#ebecd7 rgb(235,236,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, #52534a is the less saturated color, while #939b02 is the most saturated one.

#52534a
```
#52534a rgb(82,83,74)
```
#585944
```
#585944 rgb(88,89,68)
```
#5d5f3e
```
#5d5f3e rgb(93,95,62)
```
#636538
```
#636538 rgb(99,101,56)
```
#686b32
```
#686b32 rgb(104,107,50)
```
#6d712c
```
#6d712c rgb(109,113,44)
```
#737726
```
#737726 rgb(115,119,38)
```
#787d20
```
#787d20 rgb(120,125,32)
```
#7e831a
```
#7e831a rgb(126,131,26)
```
#838914
```
#838914 rgb(131,137,20)
```
#888f0e
```
#888f0e rgb(136,143,14)
```
#8e9508
```
#8e9508 rgb(142,149,8)
```
#939b02
```
#939b02 rgb(147,155,2)
```

Tone Color Variation

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

Dichromacy

#7a6f3b Protanopia 1% of men
#876a3f Deuteranopia 1% of men
#766c74 Tritanopia 0.001% of the population

Trichromacy

#736d38 Protanomaly 1% of men, 0.01% of women
#7b6a3a Deuteranomaly 6% of men, 0.4% of women
#716b5c Tritanomaly 0.01% of the population

#686b32 hex color

#686b32 Color Information

#686b32 Color Conversion

Color Schemes with #686b32

Alternatives to #686b32

#686b32 Preview

Shades and Tints of #686b32

Tones of #686b32

Color Blindness Simulator