#685345 hex color

In a RGB color space, hex #685345 is composed of 40.8% red, 32.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.2% magenta, 33.7% yellow and 59.2% black. It has a hue angle of 24 degrees, a saturation of 20.2% and a lightness of 33.9%. #685345 color hex could be obtained by blending #d0a68a with #000000. Closest websafe color is: #666633.

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

● #685345 color description : Very dark grayish orange.

The hexadecimal color #685345 has RGB values of R:104, G:83, B:69 and CMYK values of C:0, M:0.2, Y:0.34, K:0.59. Its decimal value is 6837061.

Hex triplet	685345	`#685345`
RGB Decimal	104, 83, 69	`rgb(104,83,69)`
RGB Percent	40.8, 32.5, 27.1	`rgb(40.8%,32.5%,27.1%)`
CMYK	0, 20, 34, 59
HSL	24°, 20.2, 33.9	`hsl(24,20.2%,33.9%)`
HSV (or HSB)	24°, 33.7, 40.8
Web Safe	666633	`#666633`

CIE-LAB	37.04, 6.444, 11.501
XYZ	9.876, 9.56, 6.955
xyY	0.374, 0.362, 9.56
CIE-LCH	37.04, 13.183, 60.736
CIE-LUV	37.04, 13.977, 12.396
Hunter-Lab	30.919, 2.911, 8.306
Binary	01101000, 01010011, 01000101

#685345
```
#685345 rgb(104,83,69)
```
#455a68
```
#455a68 rgb(69,90,104)
```

Complementary Color

#684549
```
#684549 rgb(104,69,73)
```
#685345
```
#685345 rgb(104,83,69)
```
#686545
```
#686545 rgb(104,101,69)
```

Analogous Color

#454968
```
#454968 rgb(69,73,104)
```
#685345
```
#685345 rgb(104,83,69)
```
#456865
```
#456865 rgb(69,104,101)
```

Split Complementary Color

#534568
```
#534568 rgb(83,69,104)
```
#685345
```
#685345 rgb(104,83,69)
```
#456853
```
#456853 rgb(69,104,83)
```

Triadic Color

#68455a
```
#68455a rgb(104,69,90)
```
#685345
```
#685345 rgb(104,83,69)
```
#456853
```
#456853 rgb(69,104,83)
```
#455a68
```
#455a68 rgb(69,90,104)
```

Tetradic Color

#3a2e26
```
#3a2e26 rgb(58,46,38)
```
#493b31
```
#493b31 rgb(73,59,49)
```
#59473b
```
#59473b rgb(89,71,59)
```
#685345
```
#685345 rgb(104,83,69)
```
#775f4f
```
#775f4f rgb(119,95,79)
```
#876b59
```
#876b59 rgb(135,107,89)
```
#967864
```
#967864 rgb(150,120,100)
```

Monochromatic Color

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

#684a45
```
#684a45 rgb(104,74,69)
```
#684d45
```
#684d45 rgb(104,77,69)
```
#685045
```
#685045 rgb(104,80,69)
```
#685345
```
#685345 rgb(104,83,69)
```
#685645
```
#685645 rgb(104,86,69)
```
#685945
```
#685945 rgb(104,89,69)
```
#685c45
```
#685c45 rgb(104,92,69)
```

Similar Colors

Text with hexadecimal color #685345

This text has a font color of #685345.

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

#685345 background color

This paragraph has a background color of #685345.

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

#685345 border color

This element has a border color of #685345.

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

CSS codes

.text {color:#685345;}

.background {background-color:#685345;}

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

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, #0a0806 is the darkest color, while #fefdfd is the lightest one.

#0a0806
```
#0a0806 rgb(10,8,6)
```
#15110e
```
#15110e rgb(21,17,14)
```
#211b16
```
#211b16 rgb(33,27,22)
```
#2d241e
```
#2d241e rgb(45,36,30)
```
#392d26
```
#392d26 rgb(57,45,38)
```
#45372e
```
#45372e rgb(69,55,46)
```
#504035
```
#504035 rgb(80,64,53)
```
#5c4a3d
```
#5c4a3d rgb(92,74,61)
```
#685345
```
#685345 rgb(104,83,69)
```
#745c4d
```
#745c4d rgb(116,92,77)
```
#806655
```
#806655 rgb(128,102,85)
```
#8b6f5c
```
#8b6f5c rgb(139,111,92)
```
#977964
```
#977964 rgb(151,121,100)
```

Shade Color Variation

#a0836f
```
#a0836f rgb(160,131,111)
```
#a88d7b
```
#a88d7b rgb(168,141,123)
```
#af9787
```
#af9787 rgb(175,151,135)
```
#b7a193
```
#b7a193 rgb(183,161,147)
```
#bfac9f
```
#bfac9f rgb(191,172,159)
```
#c7b6aa
```
#c7b6aa rgb(199,182,170)
```
#cfc0b6
```
#cfc0b6 rgb(207,192,182)
```
#d6cac2
```
#d6cac2 rgb(214,202,194)
```
#ded4ce
```
#ded4ce rgb(222,212,206)
```
#e6dfd9
```
#e6dfd9 rgb(230,223,217)
```
#eee9e5
```
#eee9e5 rgb(238,233,229)
```
#f6f3f1
```
#f6f3f1 rgb(246,243,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#5b5652
```
#5b5652 rgb(91,86,82)
```
#61544c
```
#61544c rgb(97,84,76)
```
#685345
```
#685345 rgb(104,83,69)
```
#6f523e
```
#6f523e rgb(111,82,62)
```
#755038
```
#755038 rgb(117,80,56)
```
#7c4f31
```
#7c4f31 rgb(124,79,49)
```
#834e2a
```
#834e2a rgb(131,78,42)
```
#894c24
```
#894c24 rgb(137,76,36)
```
#904b1d
```
#904b1d rgb(144,75,29)
```
#974a16
```
#974a16 rgb(151,74,22)
```
#9d4810
```
#9d4810 rgb(157,72,16)
```
#a44709
```
#a44709 rgb(164,71,9)
```
#ab4602
```
#ab4602 rgb(171,70,2)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5b5754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655f50 Protanopia 1% of men
#6e5c4e Deuteranopia 1% of men
#71595f Tritanopia 0.001% of the population

Trichromacy

#665b4c Protanomaly 1% of men, 0.01% of women
#6c584b Deuteranomaly 6% of men, 0.4% of women
#6e5756 Tritanomaly 0.01% of the population

#685345 hex color

#685345 Color Information

#685345 Color Conversion

Color Schemes with #685345

Alternatives to #685345

#685345 Preview

Shades and Tints of #685345

Tones of #685345

Color Blindness Simulator