#685a36 hex color

In a RGB color space, hex #685a36 is composed of 40.8% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.5% magenta, 48.1% yellow and 59.2% black. It has a hue angle of 43.2 degrees, a saturation of 31.6% and a lightness of 31%. #685a36 color hex could be obtained by blending #d0b46c with #000000. Closest websafe color is: #666633.

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

● #685a36 color description : Very dark desaturated orange.

The hexadecimal color #685a36 has RGB values of R:104, G:90, B:54 and CMYK values of C:0, M:0.13, Y:0.48, K:0.59. Its decimal value is 6838838.

Hex triplet	685a36	`#685a36`
RGB Decimal	104, 90, 54	`rgb(104,90,54)`
RGB Percent	40.8, 35.3, 21.2	`rgb(40.8%,35.3%,21.2%)`
CMYK	0, 13, 48, 59
HSL	43.2°, 31.6, 31	`hsl(43.2,31.6%,31%)`
HSV (or HSB)	43.2°, 48.1, 40.8
Web Safe	666633	`#666633`

CIE-LAB	38.763, 0.236, 22.836
XYZ	10.031, 10.522, 4.992
xyY	0.393, 0.412, 10.522
CIE-LCH	38.763, 22.837, 89.407
CIE-LUV	38.763, 10.889, 24.993
Hunter-Lab	32.438, -1.567, 13.581
Binary	01101000, 01011010, 00110110

#685a36
```
#685a36 rgb(104,90,54)
```
#364468
```
#364468 rgb(54,68,104)
```

Complementary Color

#684136
```
#684136 rgb(104,65,54)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#5d6836
```
#5d6836 rgb(93,104,54)
```

Analogous Color

#413668
```
#413668 rgb(65,54,104)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#365d68
```
#365d68 rgb(54,93,104)
```

Split Complementary Color

#5a3668
```
#5a3668 rgb(90,54,104)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#36685a
```
#36685a rgb(54,104,90)
```

Triadic Color

#683644
```
#683644 rgb(104,54,68)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#36685a
```
#36685a rgb(54,104,90)
```
#364468
```
#364468 rgb(54,68,104)
```

Tetradic Color

#362e1c
```
#362e1c rgb(54,46,28)
```
#463d25
```
#463d25 rgb(70,61,37)
```
#574b2d
```
#574b2d rgb(87,75,45)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#79693f
```
#79693f rgb(121,105,63)
```
#8a7747
```
#8a7747 rgb(138,119,71)
```
#9a8650
```
#9a8650 rgb(154,134,80)
```

Monochromatic Color

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

#684e36
```
#684e36 rgb(104,78,54)
```
#685236
```
#685236 rgb(104,82,54)
```
#685636
```
#685636 rgb(104,86,54)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#685e36
```
#685e36 rgb(104,94,54)
```
#686236
```
#686236 rgb(104,98,54)
```
#686736
```
#686736 rgb(104,103,54)
```

Similar Colors

Text with hexadecimal color #685a36

This text has a font color of #685a36.

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

#685a36 background color

This paragraph has a background color of #685a36.

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

#685a36 border color

This element has a border color of #685a36.

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

CSS codes

.text {color:#685a36;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1b170e
```
#1b170e rgb(27,23,14)
```
#272214
```
#272214 rgb(39,34,20)
```
#342d1b
```
#342d1b rgb(52,45,27)
```
#413822
```
#413822 rgb(65,56,34)
```
#4e4429
```
#4e4429 rgb(78,68,41)
```
#5b4f2f
```
#5b4f2f rgb(91,79,47)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#75653d
```
#75653d rgb(117,101,61)
```
#827043
```
#827043 rgb(130,112,67)
```
#8f7c4a
```
#8f7c4a rgb(143,124,74)
```
#9c8751
```
#9c8751 rgb(156,135,81)
```

Shade Color Variation

#a89258
```
#a89258 rgb(168,146,88)
```
#af9a65
```
#af9a65 rgb(175,154,101)
```
#b6a372
```
#b6a372 rgb(182,163,114)
```
#bcab7f
```
#bcab7f rgb(188,171,127)
```
#c3b38c
```
#c3b38c rgb(195,179,140)
```
#cabc98
```
#cabc98 rgb(202,188,152)
```
#d0c4a5
```
#d0c4a5 rgb(208,196,165)
```
#d7cdb2
```
#d7cdb2 rgb(215,205,178)
```
#ded5bf
```
#ded5bf rgb(222,213,191)
```
#e5decc
```
#e5decc rgb(229,222,204)
```
#ebe6d9
```
#ebe6d9 rgb(235,230,217)
```
#f2efe6
```
#f2efe6 rgb(242,239,230)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504f4e is the less saturated color, while #996f05 is the most saturated one.

#504f4e
```
#504f4e rgb(80,79,78)
```
#565248
```
#565248 rgb(86,82,72)
```
#5c5542
```
#5c5542 rgb(92,85,66)
```
#62573c
```
#62573c rgb(98,87,60)
```
#685a36
```
#685a36 rgb(104,90,54)
```
#6e5d30
```
#6e5d30 rgb(110,93,48)
```
#745f2a
```
#745f2a rgb(116,95,42)
```
#7a6224
```
#7a6224 rgb(122,98,36)
```
#80651e
```
#80651e rgb(128,101,30)
```
#866718
```
#866718 rgb(134,103,24)
```
#8c6a12
```
#8c6a12 rgb(140,106,18)
```
#936d0b
```
#936d0b rgb(147,109,11)
```
#996f05
```
#996f05 rgb(153,111,5)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5d5a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6340 Protanopia 1% of men
#775f41 Deuteranopia 1% of men
#735e64 Tritanopia 0.001% of the population

Trichromacy

#6a603c Protanomaly 1% of men, 0.01% of women
#715d3d Deuteranomaly 6% of men, 0.4% of women
#6f5c53 Tritanomaly 0.01% of the population

#685a36 hex color

#685a36 Color Information

#685a36 Color Conversion

Color Schemes with #685a36

Alternatives to #685a36

#685a36 Preview

Shades and Tints of #685a36

Tones of #685a36

Color Blindness Simulator