#685a55 hex color

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

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

● #685a55 color description : Very dark grayish orange.

The hexadecimal color #685a55 has RGB values of R:104, G:90, B:85 and CMYK values of C:0, M:0.13, Y:0.18, K:0.59. Its decimal value is 6838869.

Hex triplet	685a55	`#685a55`
RGB Decimal	104, 90, 85	`rgb(104,90,85)`
RGB Percent	40.8, 35.3, 33.3	`rgb(40.8%,35.3%,33.3%)`
CMYK	0, 13, 18, 59
HSL	15.8°, 10.1, 37.1	`hsl(15.8,10.1%,37.1%)`
HSV (or HSB)	15.8°, 18.3, 40.8
Web Safe	666666	`#666666`

CIE-LAB	39.431, 4.769, 4.975
XYZ	11.005, 10.911, 10.12
xyY	0.344, 0.341, 10.911
CIE-LCH	39.431, 6.892, 46.209
CIE-LUV	39.431, 8.634, 5.442
Hunter-Lab	33.033, 1.659, 4.958
Binary	01101000, 01011010, 01010101

#685a55
```
#685a55 rgb(104,90,85)
```
#556368
```
#556368 rgb(85,99,104)
```

Complementary Color

#68555a
```
#68555a rgb(104,85,90)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#686455
```
#686455 rgb(104,100,85)
```

Analogous Color

#555a68
```
#555a68 rgb(85,90,104)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#556864
```
#556864 rgb(85,104,100)
```

Split Complementary Color

#5a5568
```
#5a5568 rgb(90,85,104)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#55685a
```
#55685a rgb(85,104,90)
```

Triadic Color

#685563
```
#685563 rgb(104,85,99)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#55685a
```
#55685a rgb(85,104,90)
```
#556368
```
#556368 rgb(85,99,104)
```

Tetradic Color

#3e3633
```
#3e3633 rgb(62,54,51)
```
#4c423e
```
#4c423e rgb(76,66,62)
```
#5a4e4a
```
#5a4e4a rgb(90,78,74)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#766660
```
#766660 rgb(118,102,96)
```
#84726c
```
#84726c rgb(132,114,108)
```
#917f78
```
#917f78 rgb(145,127,120)
```

Monochromatic Color

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

#685555
```
#685555 rgb(104,85,85)
```
#685755
```
#685755 rgb(104,87,85)
```
#685855
```
#685855 rgb(104,88,85)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#685c55
```
#685c55 rgb(104,92,85)
```
#685d55
```
#685d55 rgb(104,93,85)
```
#685f55
```
#685f55 rgb(104,95,85)
```

Similar Colors

Text with hexadecimal color #685a55

This text has a font color of #685a55.

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

#685a55 background color

This paragraph has a background color of #685a55.

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

#685a55 border color

This element has a border color of #685a55.

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

CSS codes

.text {color:#685a55;}

.background {background-color:#685a55;}

.border {border:1px solid #685a55;}

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 #fcfbfb is the lightest one.

#070606
```
#070606 rgb(7,6,6)
```
#120f0e
```
#120f0e rgb(18,15,14)
```
#1c1917
```
#1c1917 rgb(28,25,23)
```
#272220
```
#272220 rgb(39,34,32)
```
#322b29
```
#322b29 rgb(50,43,41)
```
#3d3532
```
#3d3532 rgb(61,53,50)
```
#483e3b
```
#483e3b rgb(72,62,59)
```
#524743
```
#524743 rgb(82,71,67)
```
#5d514c
```
#5d514c rgb(93,81,76)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#73635e
```
#73635e rgb(115,99,94)
```
#7e6d67
```
#7e6d67 rgb(126,109,103)
```
#88766f
```
#88766f rgb(136,118,111)
```

Shade Color Variation

#92807a
```
#92807a rgb(146,128,122)
```
#9b8a84
```
#9b8a84 rgb(155,138,132)
```
#a4958f
```
#a4958f rgb(164,149,143)
```
#ac9f9a
```
#ac9f9a rgb(172,159,154)
```
#b5a9a5
```
#b5a9a5 rgb(181,169,165)
```
#beb3b0
```
#beb3b0 rgb(190,179,176)
```
#c7beba
```
#c7beba rgb(199,190,186)
```
#d0c8c5
```
#d0c8c5 rgb(208,200,197)
```
#d8d2d0
```
#d8d2d0 rgb(216,210,208)
```
#e1dcdb
```
#e1dcdb rgb(225,220,219)
```
#eae7e5
```
#eae7e5 rgb(234,231,229)
```
#f3f1f0
```
#f3f1f0 rgb(243,241,240)
```
#fcfbfb
```
#fcfbfb rgb(252,251,251)
```

Tint Color Variation

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

#615d5c
```
#615d5c rgb(97,93,92)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#6f574e
```
#6f574e rgb(111,87,78)
```
#775346
```
#775346 rgb(119,83,70)
```
#7e503f
```
#7e503f rgb(126,80,63)
```
#854c38
```
#854c38 rgb(133,76,56)
```
#8c4931
```
#8c4931 rgb(140,73,49)
```
#944529
```
#944529 rgb(148,69,41)
```
#9b4222
```
#9b4222 rgb(155,66,34)
```
#a23e1b
```
#a23e1b rgb(162,62,27)
```
#a93b14
```
#a93b14 rgb(169,59,20)
```
#b1380c
```
#b1380c rgb(177,56,12)
```
#b83405
```
#b83405 rgb(184,52,5)
```

Tone Color Variation

Below, you can see how #685a55 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
#605d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#68645f Protanopia 1% of men
#71625e Deuteranopia 1% of men
#716167 Tritanopia 0.001% of the population

Trichromacy

#68605b Protanomaly 1% of men, 0.01% of women
#6e5f5a Deuteranomaly 6% of men, 0.4% of women
#6d5e61 Tritanomaly 0.01% of the population

#685a55 hex color

#685a55 Color Information

#685a55 Color Conversion

Color Schemes with #685a55

Alternatives to #685a55

#685a55 Preview

Shades and Tints of #685a55

Tones of #685a55

Color Blindness Simulator