#686f1f hex color

In a RGB color space, hex #686f1f is composed of 40.8% red, 43.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 72.1% yellow and 56.5% black. It has a hue angle of 65.3 degrees, a saturation of 56.3% and a lightness of 27.8%. #686f1f color hex could be obtained by blending #d0de3e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 44
- B 12
RGB color chart
- C 6
- M 0
- Y 72
- K 56
CMYK color chart

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

The hexadecimal color #686f1f has RGB values of R:104, G:111, B:31 and CMYK values of C:0.06, M:0, Y:0.72, K:0.56. Its decimal value is 6844191.

Hex triplet	686f1f	`#686f1f`
RGB Decimal	104, 111, 31	`rgb(104,111,31)`
RGB Percent	40.8, 43.5, 12.2	`rgb(40.8%,43.5%,12.2%)`
CMYK	6, 0, 72, 56
HSL	65.3°, 56.3, 27.8	`hsl(65.3,56.3%,27.8%)`
HSV (or HSB)	65.3°, 72.1, 43.5
Web Safe	666633	`#666633`

CIE-LAB	44.817, -13.837, 41.48
XYZ	11.641, 14.411, 3.465
xyY	0.394, 0.488, 14.411
CIE-LCH	44.817, 43.727, 108.448
CIE-LUV	44.817, -1.376, 44.373
Hunter-Lab	37.962, -11.698, 21.162
Binary	01101000, 01101111, 00011111

#686f1f
```
#686f1f rgb(104,111,31)
```
#261f6f
```
#261f6f rgb(38,31,111)
```

Complementary Color

#6f4e1f
```
#6f4e1f rgb(111,78,31)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#406f1f
```
#406f1f rgb(64,111,31)
```

Analogous Color

#4e1f6f
```
#4e1f6f rgb(78,31,111)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#1f406f
```
#1f406f rgb(31,64,111)
```

Split Complementary Color

#6f1f68
```
#6f1f68 rgb(111,31,104)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#1f686f
```
#1f686f rgb(31,104,111)
```

Triadic Color

#6f261f
```
#6f261f rgb(111,38,31)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#1f686f
```
#1f686f rgb(31,104,111)
```
#261f6f
```
#261f6f rgb(38,31,111)
```

Tetradic Color

#30330e
```
#30330e rgb(48,51,14)
```
#434714
```
#434714 rgb(67,71,20)
```
#555b19
```
#555b19 rgb(85,91,25)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#7b8325
```
#7b8325 rgb(123,131,37)
```
#8d972a
```
#8d972a rgb(141,151,42)
```
#a0ab30
```
#a0ab30 rgb(160,171,48)
```

Monochromatic Color

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

#6f621f
```
#6f621f rgb(111,98,31)
```
#6f691f
```
#6f691f rgb(111,105,31)
```
#6f6f1f
```
#6f6f1f rgb(111,111,31)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#616f1f
```
#616f1f rgb(97,111,31)
```
#5b6f1f
```
#5b6f1f rgb(91,111,31)
```
#546f1f
```
#546f1f rgb(84,111,31)
```

Similar Colors

Text with hexadecimal color #686f1f

This text has a font color of #686f1f.

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

#686f1f background color

This paragraph has a background color of #686f1f.

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

#686f1f border color

This element has a border color of #686f1f.

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

CSS codes

.text {color:#686f1f;}

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

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

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

#030401
```
#030401 rgb(3,4,1)
```
#121305
```
#121305 rgb(18,19,5)
```
#20220a
```
#20220a rgb(32,34,10)
```
#2f320e
```
#2f320e rgb(47,50,14)
```
#3d4112
```
#3d4112 rgb(61,65,18)
```
#4b5016
```
#4b5016 rgb(75,80,22)
```
#5a601b
```
#5a601b rgb(90,96,27)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#767e23
```
#767e23 rgb(118,126,35)
```
#858e28
```
#858e28 rgb(133,142,40)
```
#939d2c
```
#939d2c rgb(147,157,44)
```
#a1ac30
```
#a1ac30 rgb(161,172,48)
```
#b0bc34
```
#b0bc34 rgb(176,188,52)
```

Shade Color Variation

#bcc83b
```
#bcc83b rgb(188,200,59)
```
#c1cd4b
```
#c1cd4b rgb(193,205,75)
```
#c7d15a
```
#c7d15a rgb(199,209,90)
```
#ccd569
```
#ccd569 rgb(204,213,105)
```
#d1d979
```
#d1d979 rgb(209,217,121)
```
#d6de88
```
#d6de88 rgb(214,222,136)
```
#dce297
```
#dce297 rgb(220,226,151)
```
#e1e6a7
```
#e1e6a7 rgb(225,230,167)
```
#e6ebb6
```
#e6ebb6 rgb(230,235,182)
```
#ebefc5
```
#ebefc5 rgb(235,239,197)
```
#f1f3d5
```
#f1f3d5 rgb(241,243,213)
```
#f6f7e4
```
#f6f7e4 rgb(246,247,228)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#484945
```
#484945 rgb(72,73,69)
```
#4d4e40
```
#4d4e40 rgb(77,78,64)
```
#51543a
```
#51543a rgb(81,84,58)
```
#565935
```
#565935 rgb(86,89,53)
```
#5a5f2f
```
#5a5f2f rgb(90,95,47)
```
#5f642a
```
#5f642a rgb(95,100,42)
```
#636a24
```
#636a24 rgb(99,106,36)
```
#686f1f
```
#686f1f rgb(104,111,31)
```
#6d741a
```
#6d741a rgb(109,116,26)
```
#717a14
```
#717a14 rgb(113,122,20)
```
#767f0f
```
#767f0f rgb(118,127,15)
```
#7a8509
```
#7a8509 rgb(122,133,9)
```
#7f8a04
```
#7f8a04 rgb(127,138,4)
```

Tone Color Variation

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

Dichromacy

#7e7129 Protanopia 1% of men
#8c6c2f Deuteranopia 1% of men
#786f77 Tritanopia 0.001% of the population

Trichromacy

#767025 Protanomaly 1% of men, 0.01% of women
#7f6d29 Deuteranomaly 6% of men, 0.4% of women
#726f57 Tritanomaly 0.01% of the population

#686f1f hex color

#686f1f Color Information

#686f1f Color Conversion

Color Schemes with #686f1f

Alternatives to #686f1f

#686f1f Preview

Shades and Tints of #686f1f

Tones of #686f1f

Color Blindness Simulator