colorhexa.com

#685d57 hex color

In a RGB color space, hex #685d57 is composed of 40.8% red, 36.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.6% magenta, 16.3% yellow and 59.2% black. It has a hue angle of 21.2 degrees, a saturation of 8.9% and a lightness of 37.5%. #685d57 color hex could be obtained by blending #d0baae with #000000. Closest websafe color is: #666666.

- R 41
- G 36
- B 34
RGB color chart
- C 0
- M 11
- Y 16
- K 59
CMYK color chart

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

The hexadecimal color #685d57 has RGB values of R:104, G:93, B:87 and CMYK values of C:0, M:0.11, Y:0.16, K:0.59. Its decimal value is 6839639.

Hex triplet	685d57	`#685d57`
RGB Decimal	104, 93, 87	`rgb(104,93,87)`
RGB Percent	40.8, 36.5, 34.1	`rgb(40.8%,36.5%,34.1%)`
CMYK	0, 11, 16, 59
HSL	21.2°, 8.9, 37.5	`hsl(21.2,8.9%,37.5%)`
HSV (or HSB)	21.2°, 16.3, 40.8
Web Safe	666666	`#666666`

CIE-LAB	40.345, 3.306, 5.052
XYZ	11.343, 11.46, 10.631
xyY	0.339, 0.343, 11.46
CIE-LCH	40.345, 6.038, 56.801
CIE-LUV	40.345, 6.852, 5.813
Hunter-Lab	33.853, 0.569, 5.078
Binary	01101000, 01011101, 01010111

#685d57
```
#685d57 rgb(104,93,87)
```
#576268
```
#576268 rgb(87,98,104)
```

Complementary Color

#68575a
```
#68575a rgb(104,87,90)
```
#685d57
```
#685d57 rgb(104,93,87)
```
#686657
```
#686657 rgb(104,102,87)
```

Analogous Color

#575a68
```
#575a68 rgb(87,90,104)
```
#685d57
```
#685d57 rgb(104,93,87)
```
#576866
```
#576866 rgb(87,104,102)
```

Split Complementary Color

#5d5768
```
#5d5768 rgb(93,87,104)
```
#685d57
```
#685d57 rgb(104,93,87)
```
#57685d
```
#57685d rgb(87,104,93)
```

Triadic Color

#3e3834
```
#3e3834 rgb(62,56,52)
```
#4c4440
```
#4c4440 rgb(76,68,64)
```
#5a514b
```
#5a514b rgb(90,81,75)
```
#685d57
```
#685d57 rgb(104,93,87)
```
#766963
```
#766963 rgb(118,105,99)
```
#84766e
```
#84766e rgb(132,118,110)
```
#91837b
```
#91837b rgb(145,131,123)
```

Monochromatic Color

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

#685957
```
#685957 rgb(104,89,87)
```
#685a57
```
#685a57 rgb(104,90,87)
```
#685c57
```
#685c57 rgb(104,92,87)
```
#685d57
```
#685d57 rgb(104,93,87)
```
#685e57
```
#685e57 rgb(104,94,87)
```
#686057
```
#686057 rgb(104,96,87)
```
#686157
```
#686157 rgb(104,97,87)
```

Similar Colors

Text with hexadecimal color #685d57

This text has a font color of #685d57.

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

#685d57 background color

This paragraph has a background color of #685d57.

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

#685d57 border color

This element has a border color of #685d57.

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

CSS codes

.text {color:#685d57;}

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

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

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

#080707
```
#080707 rgb(8,7,7)
```
#131110
```
#131110 rgb(19,17,16)
```
#1d1a18
```
#1d1a18 rgb(29,26,24)
```
#282421
```
#282421 rgb(40,36,33)
```
#332d2a
```
#332d2a rgb(51,45,42)
```
#3d3733
```
#3d3733 rgb(61,55,51)
```
#48403c
```
#48403c rgb(72,64,60)
```
#534a45
```
#534a45 rgb(83,74,69)
```
#5d534e
```
#5d534e rgb(93,83,78)
```
#685d57
```
#685d57 rgb(104,93,87)
```
#736760
```
#736760 rgb(115,103,96)
```
#7d7069
```
#7d7069 rgb(125,112,105)
```
#887a72
```
#887a72 rgb(136,122,114)
```

Shade Color Variation

#91847c
```
#91847c rgb(145,132,124)
```
#9a8e87
```
#9a8e87 rgb(154,142,135)
```
#a39891
```
#a39891 rgb(163,152,145)
```
#aca29c
```
#aca29c rgb(172,162,156)
```
#b5aca7
```
#b5aca7 rgb(181,172,167)
```
#beb6b1
```
#beb6b1 rgb(190,182,177)
```
#c7c0bc
```
#c7c0bc rgb(199,192,188)
```
#d0cac7
```
#d0cac7 rgb(208,202,199)
```
#d9d4d1
```
#d9d4d1 rgb(217,212,209)
```
#e2dedc
```
#e2dedc rgb(226,222,220)
```
#ebe8e7
```
#ebe8e7 rgb(235,232,231)
```
#f4f2f2
```
#f4f2f2 rgb(244,242,242)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

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

#615f5e
```
#615f5e rgb(97,95,94)
```
#685d57
```
#685d57 rgb(104,93,87)
```
#6f5b50
```
#6f5b50 rgb(111,91,80)
```
#775948
```
#775948 rgb(119,89,72)
```
#7e5741
```
#7e5741 rgb(126,87,65)
```
#85543a
```
#85543a rgb(133,84,58)
```
#8d5232
```
#8d5232 rgb(141,82,50)
```
#94502b
```
#94502b rgb(148,80,43)
```
#9b4e24
```
#9b4e24 rgb(155,78,36)
```
#a34c1c
```
#a34c1c rgb(163,76,28)
```
#aa4a15
```
#aa4a15 rgb(170,74,21)
```
#b1470e
```
#b1470e rgb(177,71,14)
```
#b94506
```
#b94506 rgb(185,69,6)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#625f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6760 Protanopia 1% of men
#736460 Deuteranopia 1% of men
#71636a Tritanopia 0.001% of the population

Trichromacy

#69635d Protanomaly 1% of men, 0.01% of women
#6f615c Deuteranomaly 6% of men, 0.4% of women
#6e6163 Tritanomaly 0.01% of the population