#686255 hex color

In a RGB color space, hex #686255 is composed of 40.8% red, 38.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.8% magenta, 18.3% yellow and 59.2% black. It has a hue angle of 41.1 degrees, a saturation of 10.1% and a lightness of 37.1%. #686255 color hex could be obtained by blending #d0c4aa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 38
- B 33
RGB color chart
- C 0
- M 6
- Y 18
- K 59
CMYK color chart

● #686255 color description : Very dark grayish orange.

The hexadecimal color #686255 has RGB values of R:104, G:98, B:85 and CMYK values of C:0, M:0.06, Y:0.18, K:0.59. Its decimal value is 6840917.

Hex triplet	686255	`#686255`
RGB Decimal	104, 98, 85	`rgb(104,98,85)`
RGB Percent	40.8, 38.4, 33.3	`rgb(40.8%,38.4%,33.3%)`
CMYK	0, 6, 18, 59
HSL	41.1°, 10.1, 37.1	`hsl(41.1,10.1%,37.1%)`
HSV (or HSB)	41.1°, 18.3, 40.8
Web Safe	666666	`#666666`

CIE-LAB	41.743, -0.053, 8.259
XYZ	11.716, 12.334, 10.357
xyY	0.341, 0.358, 12.334
CIE-LCH	41.743, 8.259, 90.366
CIE-LUV	41.743, 4.277, 10.292
Hunter-Lab	35.12, -1.914, 7.099
Binary	01101000, 01100010, 01010101

#686255
```
#686255 rgb(104,98,85)
```
#555b68
```
#555b68 rgb(85,91,104)
```

Complementary Color

#685955
```
#685955 rgb(104,89,85)
```
#686255
```
#686255 rgb(104,98,85)
```
#656855
```
#656855 rgb(101,104,85)
```

Analogous Color

#595568
```
#595568 rgb(89,85,104)
```
#686255
```
#686255 rgb(104,98,85)
```
#556568
```
#556568 rgb(85,101,104)
```

Split Complementary Color

#625568
```
#625568 rgb(98,85,104)
```
#686255
```
#686255 rgb(104,98,85)
```
#556862
```
#556862 rgb(85,104,98)
```

Triadic Color

#68555b
```
#68555b rgb(104,85,91)
```
#686255
```
#686255 rgb(104,98,85)
```
#556862
```
#556862 rgb(85,104,98)
```
#555b68
```
#555b68 rgb(85,91,104)
```

Tetradic Color

#3e3a33
```
#3e3a33 rgb(62,58,51)
```
#4c483e
```
#4c483e rgb(76,72,62)
```
#5a554a
```
#5a554a rgb(90,85,74)
```
#686255
```
#686255 rgb(104,98,85)
```
#766f60
```
#766f60 rgb(118,111,96)
```
#847c6c
```
#847c6c rgb(132,124,108)
```
#918978
```
#918978 rgb(145,137,120)
```

Monochromatic Color

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

#685d55
```
#685d55 rgb(104,93,85)
```
#685f55
```
#685f55 rgb(104,95,85)
```
#686055
```
#686055 rgb(104,96,85)
```
#686255
```
#686255 rgb(104,98,85)
```
#686455
```
#686455 rgb(104,100,85)
```
#686555
```
#686555 rgb(104,101,85)
```
#686755
```
#686755 rgb(104,103,85)
```

Similar Colors

Text with hexadecimal color #686255

This text has a font color of #686255.

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

#686255 background color

This paragraph has a background color of #686255.

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

#686255 border color

This element has a border color of #686255.

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

CSS codes

.text {color:#686255;}

.background {background-color:#686255;}

.border {border:1px solid #686255;}

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

#070606
```
#070606 rgb(7,6,6)
```
#12110e
```
#12110e rgb(18,17,14)
```
#1c1b17
```
#1c1b17 rgb(28,27,23)
```
#272520
```
#272520 rgb(39,37,32)
```
#322f29
```
#322f29 rgb(50,47,41)
```
#3d3932
```
#3d3932 rgb(61,57,50)
```
#48433b
```
#48433b rgb(72,67,59)
```
#524e43
```
#524e43 rgb(82,78,67)
```
#5d584c
```
#5d584c rgb(93,88,76)
```
#686255
```
#686255 rgb(104,98,85)
```
#736c5e
```
#736c5e rgb(115,108,94)
```
#7e7667
```
#7e7667 rgb(126,118,103)
```
#88816f
```
#88816f rgb(136,129,111)
```

Shade Color Variation

#928a7a
```
#928a7a rgb(146,138,122)
```
#9b9484
```
#9b9484 rgb(155,148,132)
```
#a49d8f
```
#a49d8f rgb(164,157,143)
```
#aca79a
```
#aca79a rgb(172,167,154)
```
#b5b0a5
```
#b5b0a5 rgb(181,176,165)
```
#beb9b0
```
#beb9b0 rgb(190,185,176)
```
#c7c3ba
```
#c7c3ba rgb(199,195,186)
```
#d0ccc5
```
#d0ccc5 rgb(208,204,197)
```
#d8d6d0
```
#d8d6d0 rgb(216,214,208)
```
#e1dfdb
```
#e1dfdb rgb(225,223,219)
```
#eae9e5
```
#eae9e5 rgb(234,233,229)
```
#f3f2f0
```
#f3f2f0 rgb(243,242,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#615f5c
```
#615f5c rgb(97,95,92)
```
#686255
```
#686255 rgb(104,98,85)
```
#6f654e
```
#6f654e rgb(111,101,78)
```
#776746
```
#776746 rgb(119,103,70)
```
#7e6a3f
```
#7e6a3f rgb(126,106,63)
```
#856d38
```
#856d38 rgb(133,109,56)
```
#8c6f31
```
#8c6f31 rgb(140,111,49)
```
#947229
```
#947229 rgb(148,114,41)
```
#9b7522
```
#9b7522 rgb(155,117,34)
```
#a2771b
```
#a2771b rgb(162,119,27)
```
#a97a14
```
#a97a14 rgb(169,122,20)
```
#b17d0c
```
#b17d0c rgb(177,125,12)
```
#b87f05
```
#b87f05 rgb(184,127,5)
```

Tone Color Variation

Below, you can see how #686255 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
#63625f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6a5d Protanopia 1% of men
#78665e Deuteranopia 1% of men
#72676e Tritanopia 0.001% of the population

Trichromacy

#6c675a Protanomaly 1% of men, 0.01% of women
#72655b Deuteranomaly 6% of men, 0.4% of women
#6e6565 Tritanomaly 0.01% of the population

#686255 hex color

#686255 Color Information

#686255 Color Conversion

Color Schemes with #686255

Alternatives to #686255

#686255 Preview

Shades and Tints of #686255

Tones of #686255

Color Blindness Simulator