#686a38 hex color

In a RGB color space, hex #686a38 is composed of 40.8% red, 41.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 47.2% yellow and 58.4% black. It has a hue angle of 62.4 degrees, a saturation of 30.9% and a lightness of 31.8%. #686a38 color hex could be obtained by blending #d0d470 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686a38 has RGB values of R:104, G:106, B:56 and CMYK values of C:0.02, M:0, Y:0.47, K:0.58. Its decimal value is 6842936.

Hex triplet	686a38	`#686a38`
RGB Decimal	104, 106, 56	`rgb(104,106,56)`
RGB Percent	40.8, 41.6, 22	`rgb(40.8%,41.6%,22%)`
CMYK	2, 0, 47, 58
HSL	62.4°, 30.9, 31.8	`hsl(62.4,30.9%,31.8%)`
HSV (or HSB)	62.4°, 47.2, 41.6
Web Safe	666633	`#666633`

CIE-LAB	43.561, -8.881, 27.682
XYZ	11.577, 13.537, 5.744
xyY	0.375, 0.439, 13.537
CIE-LCH	43.561, 29.071, 107.788
CIE-LUV	43.561, 1.063, 32.342
Hunter-Lab	36.792, -8.222, 16.498
Binary	01101000, 01101010, 00111000

#686a38
```
#686a38 rgb(104,106,56)
```
#3a386a
```
#3a386a rgb(58,56,106)
```

Complementary Color

#6a5338
```
#6a5338 rgb(106,83,56)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#4f6a38
```
#4f6a38 rgb(79,106,56)
```

Analogous Color

#53386a
```
#53386a rgb(83,56,106)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#384f6a
```
#384f6a rgb(56,79,106)
```

Split Complementary Color

#6a3868
```
#6a3868 rgb(106,56,104)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#38686a
```
#38686a rgb(56,104,106)
```

Triadic Color

#6a3a38
```
#6a3a38 rgb(106,58,56)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#38686a
```
#38686a rgb(56,104,106)
```
#3a386a
```
#3a386a rgb(58,56,106)
```

Tetradic Color

#37381e
```
#37381e rgb(55,56,30)
```
#474926
```
#474926 rgb(71,73,38)
```
#58592f
```
#58592f rgb(88,89,47)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#787b41
```
#787b41 rgb(120,123,65)
```
#898b4a
```
#898b4a rgb(137,139,74)
```
#999c52
```
#999c52 rgb(153,156,82)
```

Monochromatic Color

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

#6a6038
```
#6a6038 rgb(106,96,56)
```
#6a6438
```
#6a6438 rgb(106,100,56)
```
#6a6838
```
#6a6838 rgb(106,104,56)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#646a38
```
#646a38 rgb(100,106,56)
```
#606a38
```
#606a38 rgb(96,106,56)
```
#5c6a38
```
#5c6a38 rgb(92,106,56)
```

Similar Colors

Text with hexadecimal color #686a38

This text has a font color of #686a38.

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

#686a38 background color

This paragraph has a background color of #686a38.

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

#686a38 border color

This element has a border color of #686a38.

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

CSS codes

.text {color:#686a38;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#101009
```
#101009 rgb(16,16,9)
```
#1c1d0f
```
#1c1d0f rgb(28,29,15)
```
#292a16
```
#292a16 rgb(41,42,22)
```
#36371d
```
#36371d rgb(54,55,29)
```
#424324
```
#424324 rgb(66,67,36)
```
#4f502a
```
#4f502a rgb(79,80,42)
```
#5b5d31
```
#5b5d31 rgb(91,93,49)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#75773f
```
#75773f rgb(117,119,63)
```
#818446
```
#818446 rgb(129,132,70)
```
#8e914c
```
#8e914c rgb(142,145,76)
```
#9a9d53
```
#9a9d53 rgb(154,157,83)
```

Shade Color Variation

#a6a95b
```
#a6a95b rgb(166,169,91)
```
#adaf68
```
#adaf68 rgb(173,175,104)
```
#b4b675
```
#b4b675 rgb(180,182,117)
```
#bbbd82
```
#bbbd82 rgb(187,189,130)
```
#c2c48f
```
#c2c48f rgb(194,196,143)
```
#c9cb9c
```
#c9cb9c rgb(201,203,156)
```
#d0d1a8
```
#d0d1a8 rgb(208,209,168)
```
#d7d8b5
```
#d7d8b5 rgb(215,216,181)
```
#dedfc2
```
#dedfc2 rgb(222,223,194)
```
#e5e6cf
```
#e5e6cf rgb(229,230,207)
```
#ececdc
```
#ececdc rgb(236,236,220)
```
#f3f3e9
```
#f3f3e9 rgb(243,243,233)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#515151
```
#515151 rgb(81,81,81)
```
#57574b
```
#57574b rgb(87,87,75)
```
#5d5e44
```
#5d5e44 rgb(93,94,68)
```
#62643e
```
#62643e rgb(98,100,62)
```
#686a38
```
#686a38 rgb(104,106,56)
```
#6e7032
```
#6e7032 rgb(110,112,50)
```
#73762c
```
#73762c rgb(115,118,44)
```
#797d25
```
#797d25 rgb(121,125,37)
```
#7f831f
```
#7f831f rgb(127,131,31)
```
#858919
```
#858919 rgb(133,137,25)
```
#8a8f13
```
#8a8f13 rgb(138,143,19)
```
#90960c
```
#90960c rgb(144,150,12)
```
#969c06
```
#969c06 rgb(150,156,6)
```

Tone Color Variation

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

Dichromacy

#796e41 Protanopia 1% of men
#856a44 Deuteranopia 1% of men
#766c73 Tritanopia 0.001% of the population

Trichromacy

#726d3d Protanomaly 1% of men, 0.01% of women
#7a6a40 Deuteranomaly 6% of men, 0.4% of women
#716b5d Tritanomaly 0.01% of the population

#686a38 hex color

#686a38 Color Information

#686a38 Color Conversion

Color Schemes with #686a38

Alternatives to #686a38

#686a38 Preview

Shades and Tints of #686a38

Tones of #686a38

Color Blindness Simulator