#685342 hex color

In a RGB color space, hex #685342 is composed of 40.8% red, 32.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.2% magenta, 36.5% yellow and 59.2% black. It has a hue angle of 26.8 degrees, a saturation of 22.4% and a lightness of 33.3%. #685342 color hex could be obtained by blending #d0a684 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 33
- B 26
RGB color chart
- C 0
- M 20
- Y 37
- K 59
CMYK color chart

● #685342 color description : Very dark desaturated orange.

The hexadecimal color #685342 has RGB values of R:104, G:83, B:66 and CMYK values of C:0, M:0.2, Y:0.37, K:0.59. Its decimal value is 6837058.

Hex triplet	685342	`#685342`
RGB Decimal	104, 83, 66	`rgb(104,83,66)`
RGB Percent	40.8, 32.5, 25.9	`rgb(40.8%,32.5%,25.9%)`
CMYK	0, 20, 37, 59
HSL	26.8°, 22.4, 33.3	`hsl(26.8,22.4%,33.3%)`
HSV (or HSB)	26.8°, 36.5, 40.8
Web Safe	666633	`#666633`

CIE-LAB	36.973, 6.012, 13.261
XYZ	9.785, 9.523, 6.477
xyY	0.379, 0.369, 9.523
CIE-LCH	36.973, 14.56, 65.613
CIE-LUV	36.973, 14.249, 14.317
Hunter-Lab	30.86, 2.597, 9.158
Binary	01101000, 01010011, 01000010

#685342
```
#685342 rgb(104,83,66)
```
#425768
```
#425768 rgb(66,87,104)
```

Complementary Color

#684244
```
#684244 rgb(104,66,68)
```
#685342
```
#685342 rgb(104,83,66)
```
#686642
```
#686642 rgb(104,102,66)
```

Analogous Color

#424468
```
#424468 rgb(66,68,104)
```
#685342
```
#685342 rgb(104,83,66)
```
#426866
```
#426866 rgb(66,104,102)
```

Split Complementary Color

#534268
```
#534268 rgb(83,66,104)
```
#685342
```
#685342 rgb(104,83,66)
```
#426853
```
#426853 rgb(66,104,83)
```

Triadic Color

#684257
```
#684257 rgb(104,66,87)
```
#685342
```
#685342 rgb(104,83,66)
```
#426853
```
#426853 rgb(66,104,83)
```
#425768
```
#425768 rgb(66,87,104)
```

Tetradic Color

#392e24
```
#392e24 rgb(57,46,36)
```
#493a2e
```
#493a2e rgb(73,58,46)
```
#584738
```
#584738 rgb(88,71,56)
```
#685342
```
#685342 rgb(104,83,66)
```
#785f4c
```
#785f4c rgb(120,95,76)
```
#876c56
```
#876c56 rgb(135,108,86)
```
#977860
```
#977860 rgb(151,120,96)
```

Monochromatic Color

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

#684a42
```
#684a42 rgb(104,74,66)
```
#684d42
```
#684d42 rgb(104,77,66)
```
#685042
```
#685042 rgb(104,80,66)
```
#685342
```
#685342 rgb(104,83,66)
```
#685642
```
#685642 rgb(104,86,66)
```
#685942
```
#685942 rgb(104,89,66)
```
#685d42
```
#685d42 rgb(104,93,66)
```

Similar Colors

Text with hexadecimal color #685342

This text has a font color of #685342.

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

#685342 background color

This paragraph has a background color of #685342.

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

#685342 border color

This element has a border color of #685342.

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

CSS codes

.text {color:#685342;}

.background {background-color:#685342;}

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

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

#080605
```
#080605 rgb(8,6,5)
```
#14100d
```
#14100d rgb(20,16,13)
```
#201a14
```
#201a14 rgb(32,26,20)
```
#2c231c
```
#2c231c rgb(44,35,28)
```
#382d24
```
#382d24 rgb(56,45,36)
```
#44362b
```
#44362b rgb(68,54,43)
```
#504033
```
#504033 rgb(80,64,51)
```
#5c493a
```
#5c493a rgb(92,73,58)
```
#685342
```
#685342 rgb(104,83,66)
```
#745d4a
```
#745d4a rgb(116,93,74)
```
#806651
```
#806651 rgb(128,102,81)
```
#8c7059
```
#8c7059 rgb(140,112,89)
```
#987960
```
#987960 rgb(152,121,96)
```

Shade Color Variation

#a1836b
```
#a1836b rgb(161,131,107)
```
#a98d77
```
#a98d77 rgb(169,141,119)
```
#b09783
```
#b09783 rgb(176,151,131)
```
#b8a18f
```
#b8a18f rgb(184,161,143)
```
#c0ab9b
```
#c0ab9b rgb(192,171,155)
```
#c7b5a7
```
#c7b5a7 rgb(199,181,167)
```
#cfbfb3
```
#cfbfb3 rgb(207,191,179)
```
#d6c9bf
```
#d6c9bf rgb(214,201,191)
```
#ded4cb
```
#ded4cb rgb(222,212,203)
```
#e6ded7
```
#e6ded7 rgb(230,222,215)
```
#ede8e3
```
#ede8e3 rgb(237,232,227)
```
#f5f2ef
```
#f5f2ef rgb(245,242,239)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#5b544f
```
#5b544f rgb(91,84,79)
```
#615449
```
#615449 rgb(97,84,73)
```
#685342
```
#685342 rgb(104,83,66)
```
#6f523b
```
#6f523b rgb(111,82,59)
```
#755235
```
#755235 rgb(117,82,53)
```
#7c512e
```
#7c512e rgb(124,81,46)
```
#825028
```
#825028 rgb(130,80,40)
```
#895021
```
#895021 rgb(137,80,33)
```
#8f4f1b
```
#8f4f1b rgb(143,79,27)
```
#964e14
```
#964e14 rgb(150,78,20)
```
#9c4d0e
```
#9c4d0e rgb(156,77,14)
```
#a34d07
```
#a34d07 rgb(163,77,7)
```
#a94c01
```
#a94c01 rgb(169,76,1)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5a5653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655f4d Protanopia 1% of men
#6f5c4b Deuteranopia 1% of men
#72595f Tritanopia 0.001% of the population

Trichromacy

#665a49 Protanomaly 1% of men, 0.01% of women
#6c5848 Deuteranomaly 6% of men, 0.4% of women
#6e5654 Tritanomaly 0.01% of the population

#685342 hex color

#685342 Color Information

#685342 Color Conversion

Color Schemes with #685342

Alternatives to #685342

#685342 Preview

Shades and Tints of #685342

Tones of #685342

Color Blindness Simulator