#686b27 hex color

In a RGB color space, hex #686b27 is composed of 40.8% red, 42% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 63.6% yellow and 58% black. It has a hue angle of 62.6 degrees, a saturation of 46.6% and a lightness of 28.6%. #686b27 color hex could be obtained by blending #d0d64e with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #686b27 has RGB values of R:104, G:107, B:39 and CMYK values of C:0.03, M:0, Y:0.64, K:0.58. Its decimal value is 6843175.

Hex triplet	686b27	`#686b27`
RGB Decimal	104, 107, 39	`rgb(104,107,39)`
RGB Percent	40.8, 42, 15.3	`rgb(40.8%,42%,15.3%)`
CMYK	3, 0, 64, 58
HSL	62.6°, 46.6, 28.6	`hsl(62.6,46.6%,28.6%)`
HSV (or HSB)	62.6°, 63.6, 42
Web Safe	666633	`#666633`

CIE-LAB	43.661, -11.065, 36.665
XYZ	11.333, 13.605, 3.948
xyY	0.392, 0.471, 13.605
CIE-LCH	43.661, 38.298, 106.793
CIE-LUV	43.661, 0.927, 39.998
Hunter-Lab	36.885, -9.705, 19.473
Binary	01101000, 01101011, 00100111

#686b27
```
#686b27 rgb(104,107,39)
```
#2a276b
```
#2a276b rgb(42,39,107)
```

Complementary Color

#6b4c27
```
#6b4c27 rgb(107,76,39)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#466b27
```
#466b27 rgb(70,107,39)
```

Analogous Color

#4c276b
```
#4c276b rgb(76,39,107)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#27466b
```
#27466b rgb(39,70,107)
```

Split Complementary Color

#6b2768
```
#6b2768 rgb(107,39,104)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#27686b
```
#27686b rgb(39,104,107)
```

Triadic Color

#6b2a27
```
#6b2a27 rgb(107,42,39)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#27686b
```
#27686b rgb(39,104,107)
```
#2a276b
```
#2a276b rgb(42,39,107)
```

Tetradic Color

#323313
```
#323313 rgb(50,51,19)
```
#444619
```
#444619 rgb(68,70,25)
```
#565820
```
#565820 rgb(86,88,32)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#7a7e2e
```
#7a7e2e rgb(122,126,46)
```
#8c9035
```
#8c9035 rgb(140,144,53)
```
#9ea33b
```
#9ea33b rgb(158,163,59)
```

Monochromatic Color

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

#6b5d27
```
#6b5d27 rgb(107,93,39)
```
#6b6327
```
#6b6327 rgb(107,99,39)
```
#6b6827
```
#6b6827 rgb(107,104,39)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#626b27
```
#626b27 rgb(98,107,39)
```
#5d6b27
```
#5d6b27 rgb(93,107,39)
```
#576b27
```
#576b27 rgb(87,107,39)
```

Similar Colors

Text with hexadecimal color #686b27

This text has a font color of #686b27.

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

#686b27 background color

This paragraph has a background color of #686b27.

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

#686b27 border color

This element has a border color of #686b27.

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

CSS codes

.text {color:#686b27;}

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

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141508
```
#141508 rgb(20,21,8)
```
#22230d
```
#22230d rgb(34,35,13)
```
#303112
```
#303112 rgb(48,49,18)
```
#3e4017
```
#3e4017 rgb(62,64,23)
```
#4c4e1d
```
#4c4e1d rgb(76,78,29)
```
#5a5d22
```
#5a5d22 rgb(90,93,34)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#76792c
```
#76792c rgb(118,121,44)
```
#848831
```
#848831 rgb(132,136,49)
```
#929637
```
#929637 rgb(146,150,55)
```
#a0a53c
```
#a0a53c rgb(160,165,60)
```
#aeb341
```
#aeb341 rgb(174,179,65)
```

Shade Color Variation

#b8bd4a
```
#b8bd4a rgb(184,189,74)
```
#bec259
```
#bec259 rgb(190,194,89)
```
#c3c867
```
#c3c867 rgb(195,200,103)
```
#c9cd76
```
#c9cd76 rgb(201,205,118)
```
#cfd284
```
#cfd284 rgb(207,210,132)
```
#d4d792
```
#d4d792 rgb(212,215,146)
```
#dadda1
```
#dadda1 rgb(218,221,161)
```
#e0e2af
```
#e0e2af rgb(224,226,175)
```
#e5e7bd
```
#e5e7bd rgb(229,231,189)
```
#ebeccc
```
#ebeccc rgb(235,236,204)
```
#f1f2da
```
#f1f2da rgb(241,242,218)
```
#f6f7e9
```
#f6f7e9 rgb(246,247,233)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#494949
```
#494949 rgb(73,73,73)
```
#4e4f43
```
#4e4f43 rgb(78,79,67)
```
#54553d
```
#54553d rgb(84,85,61)
```
#595a38
```
#595a38 rgb(89,90,56)
```
#5e6032
```
#5e6032 rgb(94,96,50)
```
#63652d
```
#63652d rgb(99,101,45)
```
#686b27
```
#686b27 rgb(104,107,39)
```
#6d7121
```
#6d7121 rgb(109,113,33)
```
#72761c
```
#72761c rgb(114,118,28)
```
#777c16
```
#777c16 rgb(119,124,22)
```
#7c8111
```
#7c8111 rgb(124,129,17)
```
#82870b
```
#82870b rgb(130,135,11)
```
#878d05
```
#878d05 rgb(135,141,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#636456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f31 Protanopia 1% of men
#886a35 Deuteranopia 1% of men
#776b73 Tritanopia 0.001% of the population

Trichromacy

#746d2d Protanomaly 1% of men, 0.01% of women
#7c6a30 Deuteranomaly 6% of men, 0.4% of women
#716b57 Tritanomaly 0.01% of the population

#686b27 hex color

#686b27 Color Information

#686b27 Color Conversion

Color Schemes with #686b27

Alternatives to #686b27

#686b27 Preview

Shades and Tints of #686b27

Tones of #686b27

Color Blindness Simulator