#686b04 hex color

In a RGB color space, hex #686b04 is composed of 40.8% red, 42% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 96.3% yellow and 58% black. It has a hue angle of 61.7 degrees, a saturation of 92.8% and a lightness of 21.8%. #686b04 color hex could be obtained by blending #d0d608 with #000000. Closest websafe color is: #666600.

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

● #686b04 color description : Very dark yellow [Olive tone].

The hexadecimal color #686b04 has RGB values of R:104, G:107, B:4 and CMYK values of C:0.03, M:0, Y:0.96, K:0.58. Its decimal value is 6843140.

Hex triplet	686b04	`#686b04`
RGB Decimal	104, 107, 4	`rgb(104,107,4)`
RGB Percent	40.8, 42, 1.6	`rgb(40.8%,42%,1.6%)`
CMYK	3, 0, 96, 58
HSL	61.7°, 92.8, 21.8	`hsl(61.7,92.8%,21.8%)`
HSV (or HSB)	61.7°, 96.3, 42
Web Safe	666600	`#666600`

CIE-LAB	43.459, -12.712, 48.58
XYZ	10.989, 13.467, 2.135
xyY	0.413, 0.506, 13.467
CIE-LCH	43.459, 50.216, 104.664
CIE-LUV	43.459, 1.409, 47.511
Hunter-Lab	36.698, -10.773, 22.238
Binary	01101000, 01101011, 00000100

#686b04
```
#686b04 rgb(104,107,4)
```
#07046b
```
#07046b rgb(7,4,107)
```

Complementary Color

#6b3b04
```
#6b3b04 rgb(107,59,4)
```
#686b04
```
#686b04 rgb(104,107,4)
```
#356b04
```
#356b04 rgb(53,107,4)
```

Analogous Color

#3b046b
```
#3b046b rgb(59,4,107)
```
#686b04
```
#686b04 rgb(104,107,4)
```
#04356b
```
#04356b rgb(4,53,107)
```

Split Complementary Color

#6b0468
```
#6b0468 rgb(107,4,104)
```
#686b04
```
#686b04 rgb(104,107,4)
```
#04686b
```
#04686b rgb(4,104,107)
```

Triadic Color

#6b0704
```
#6b0704 rgb(107,7,4)
```
#686b04
```
#686b04 rgb(104,107,4)
```
#04686b
```
#04686b rgb(4,104,107)
```
#07046b
```
#07046b rgb(7,4,107)
```

Tetradic Color

#202101
```
#202101 rgb(32,33,1)
```
#383a02
```
#383a02 rgb(56,58,2)
```
#505203
```
#505203 rgb(80,82,3)
```
#686b04
```
#686b04 rgb(104,107,4)
```
#808405
```
#808405 rgb(128,132,5)
```
#989c06
```
#989c06 rgb(152,156,6)
```
#b0b507
```
#b0b507 rgb(176,181,7)
```

Monochromatic Color

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

#6b5404
```
#6b5404 rgb(107,84,4)
```
#6b5d04
```
#6b5d04 rgb(107,93,4)
```
#6b6504
```
#6b6504 rgb(107,101,4)
```
#686b04
```
#686b04 rgb(104,107,4)
```
#5f6b04
```
#5f6b04 rgb(95,107,4)
```
#576b04
```
#576b04 rgb(87,107,4)
```
#4e6b04
```
#4e6b04 rgb(78,107,4)
```

Similar Colors

Text with hexadecimal color #686b04

This text has a font color of #686b04.

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

#686b04 background color

This paragraph has a background color of #686b04.

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

#686b04 border color

This element has a border color of #686b04.

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

CSS codes

.text {color:#686b04;}

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

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

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

#0c0c00
```
#0c0c00 rgb(12,12,0)
```
#1e1f01
```
#1e1f01 rgb(30,31,1)
```
#313202
```
#313202 rgb(49,50,2)
```
#434503
```
#434503 rgb(67,69,3)
```
#565803
```
#565803 rgb(86,88,3)
```
#686b04
```
#686b04 rgb(104,107,4)
```
#7a7e05
```
#7a7e05 rgb(122,126,5)
```
#8d9105
```
#8d9105 rgb(141,145,5)
```
#9fa406
```
#9fa406 rgb(159,164,6)
```
#b2b707
```
#b2b707 rgb(178,183,7)
```
#c4ca08
```
#c4ca08 rgb(196,202,8)
```
#d6dc08
```
#d6dc08 rgb(214,220,8)
```
#e9ef09
```
#e9ef09 rgb(233,239,9)
```

Shade Color Variation

#f0f616
```
#f0f616 rgb(240,246,22)
```
#f1f729
```
#f1f729 rgb(241,247,41)
```
#f2f83b
```
#f2f83b rgb(242,248,59)
```
#f3f84e
```
#f3f84e rgb(243,248,78)
```
#f5f961
```
#f5f961 rgb(245,249,97)
```
#f6fa74
```
#f6fa74 rgb(246,250,116)
```
#f7fb87
```
#f7fb87 rgb(247,251,135)
```
#f8fb9a
```
#f8fb9a rgb(248,251,154)
```
#fafcad
```
#fafcad rgb(250,252,173)
```
#fbfdc0
```
#fbfdc0 rgb(251,253,192)
```
#fcfdd3
```
#fcfdd3 rgb(252,253,211)
```
#fdfee6
```
#fdfee6 rgb(253,254,230)
```
#fffff9
```
#fffff9 rgb(255,255,249)
```

Tint Color Variation

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

#383837
```
#383837 rgb(56,56,55)
```
#3c3c33
```
#3c3c33 rgb(60,60,51)
```
#40402f
```
#40402f rgb(64,64,47)
```
#44452a
```
#44452a rgb(68,69,42)
```
#484926
```
#484926 rgb(72,73,38)
```
#4c4d22
```
#4c4d22 rgb(76,77,34)
```
#50511e
```
#50511e rgb(80,81,30)
```
#545619
```
#545619 rgb(84,86,25)
```
#585a15
```
#585a15 rgb(88,90,21)
```
#5c5e11
```
#5c5e11 rgb(92,94,17)
```
#60620d
```
#60620d rgb(96,98,13)
```
#646708
```
#646708 rgb(100,103,8)
```
#686b04
```
#686b04 rgb(104,107,4)
```

Tone Color Variation

Below, you can see how #686b04 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

#5e5e5e Achromatopsia 0.005% of the population
#60614c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c6e0d Protanopia 1% of men
#8a6919 Deuteranopia 1% of men
#786b72 Tritanopia 0.001% of the population

Trichromacy

#746d0a Protanomaly 1% of men, 0.01% of women
#7d6911 Deuteranomaly 6% of men, 0.4% of women
#726b4a Tritanomaly 0.01% of the population

#686b04 hex color

#686b04 Color Information

#686b04 Color Conversion

Color Schemes with #686b04

Alternatives to #686b04

#686b04 Preview

Shades and Tints of #686b04

Tones of #686b04

Color Blindness Simulator