#684945 hex color

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

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

● #684945 color description : Very dark grayish red.

The hexadecimal color #684945 has RGB values of R:104, G:73, B:69 and CMYK values of C:0, M:0.3, Y:0.34, K:0.59. Its decimal value is 6834501.

Hex triplet	684945	`#684945`
RGB Decimal	104, 73, 69	`rgb(104,73,69)`
RGB Percent	40.8, 28.6, 27.1	`rgb(40.8%,28.6%,27.1%)`
CMYK	0, 30, 34, 59
HSL	6.9°, 20.2, 33.9	`hsl(6.9,20.2%,33.9%)`
HSV (or HSB)	6.9°, 33.7, 40.8
Web Safe	663333	`#663333`

CIE-LAB	34.269, 12.609, 7.641
XYZ	9.166, 8.138, 6.718
xyY	0.382, 0.339, 8.138
CIE-LCH	34.269, 14.744, 31.217
CIE-LUV	34.269, 19.748, 6.889
Hunter-Lab	28.528, 7.427, 6.007
Binary	01101000, 01001001, 01000101

#684945
```
#684945 rgb(104,73,69)
```
#456468
```
#456468 rgb(69,100,104)
```

Complementary Color

#684553
```
#684553 rgb(104,69,83)
```
#684945
```
#684945 rgb(104,73,69)
```
#685b45
```
#685b45 rgb(104,91,69)
```

Analogous Color

#455368
```
#455368 rgb(69,83,104)
```
#684945
```
#684945 rgb(104,73,69)
```
#45685b
```
#45685b rgb(69,104,91)
```

Split Complementary Color

#494568
```
#494568 rgb(73,69,104)
```
#684945
```
#684945 rgb(104,73,69)
```
#456849
```
#456849 rgb(69,104,73)
```

Triadic Color

#684564
```
#684564 rgb(104,69,100)
```
#684945
```
#684945 rgb(104,73,69)
```
#456849
```
#456849 rgb(69,104,73)
```
#456468
```
#456468 rgb(69,100,104)
```

Tetradic Color

#3a2926
```
#3a2926 rgb(58,41,38)
```
#493331
```
#493331 rgb(73,51,49)
```
#593e3b
```
#593e3b rgb(89,62,59)
```
#684945
```
#684945 rgb(104,73,69)
```
#77544f
```
#77544f rgb(119,84,79)
```
#875f59
```
#875f59 rgb(135,95,89)
```
#966964
```
#966964 rgb(150,105,100)
```

Monochromatic Color

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

#68454a
```
#68454a rgb(104,69,74)
```
#684547
```
#684547 rgb(104,69,71)
```
#684645
```
#684645 rgb(104,70,69)
```
#684945
```
#684945 rgb(104,73,69)
```
#684c45
```
#684c45 rgb(104,76,69)
```
#684f45
```
#684f45 rgb(104,79,69)
```
#685245
```
#685245 rgb(104,82,69)
```

Similar Colors

Text with hexadecimal color #684945

This text has a font color of #684945.

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

#684945 background color

This paragraph has a background color of #684945.

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

#684945 border color

This element has a border color of #684945.

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

CSS codes

.text {color:#684945;}

.background {background-color:#684945;}

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

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

#0a0706
```
#0a0706 rgb(10,7,6)
```
#150f0e
```
#150f0e rgb(21,15,14)
```
#211716
```
#211716 rgb(33,23,22)
```
#2d201e
```
#2d201e rgb(45,32,30)
```
#392826
```
#392826 rgb(57,40,38)
```
#45302e
```
#45302e rgb(69,48,46)
```
#503835
```
#503835 rgb(80,56,53)
```
#5c413d
```
#5c413d rgb(92,65,61)
```
#684945
```
#684945 rgb(104,73,69)
```
#74514d
```
#74514d rgb(116,81,77)
```
#805a55
```
#805a55 rgb(128,90,85)
```
#8b625c
```
#8b625c rgb(139,98,92)
```
#976a64
```
#976a64 rgb(151,106,100)
```

Shade Color Variation

#a0756f
```
#a0756f rgb(160,117,111)
```
#a8807b
```
#a8807b rgb(168,128,123)
```
#af8c87
```
#af8c87 rgb(175,140,135)
```
#b79793
```
#b79793 rgb(183,151,147)
```
#bfa29f
```
#bfa29f rgb(191,162,159)
```
#c7aeaa
```
#c7aeaa rgb(199,174,170)
```
#cfb9b6
```
#cfb9b6 rgb(207,185,182)
```
#d6c4c2
```
#d6c4c2 rgb(214,196,194)
```
#ded0ce
```
#ded0ce rgb(222,208,206)
```
#e6dbd9
```
#e6dbd9 rgb(230,219,217)
```
#eee6e5
```
#eee6e5 rgb(238,230,229)
```
#f6f2f1
```
#f6f2f1 rgb(246,242,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#5b5352
```
#5b5352 rgb(91,83,82)
```
#614e4c
```
#614e4c rgb(97,78,76)
```
#684945
```
#684945 rgb(104,73,69)
```
#6f443e
```
#6f443e rgb(111,68,62)
```
#753f38
```
#753f38 rgb(117,63,56)
```
#7c3a31
```
#7c3a31 rgb(124,58,49)
```
#83342a
```
#83342a rgb(131,52,42)
```
#892f24
```
#892f24 rgb(137,47,36)
```
#902a1d
```
#902a1d rgb(144,42,29)
```
#972516
```
#972516 rgb(151,37,22)
```
#9d2010
```
#9d2010 rgb(157,32,16)
```
#a41b09
```
#a41b09 rgb(164,27,9)
```
#ab1602
```
#ab1602 rgb(171,22,2)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#56504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5951 Protanopia 1% of men
#66564d Deuteranopia 1% of men
#705156 Tritanopia 0.001% of the population

Trichromacy

#61534d Protanomaly 1% of men, 0.01% of women
#66514a Deuteranomaly 6% of men, 0.4% of women
#6d4e50 Tritanomaly 0.01% of the population

#684945 hex color

#684945 Color Information

#684945 Color Conversion

Color Schemes with #684945

Alternatives to #684945

#684945 Preview

Shades and Tints of #684945

Tones of #684945

Color Blindness Simulator