#684545 hex color

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

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

● #684545 color description : Very dark grayish red.

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

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

CIE-LAB	33.199, 15.081, 6.13
XYZ	8.911, 7.629, 6.633
xyY	0.385, 0.329, 7.629
CIE-LCH	33.199, 16.279, 22.121
CIE-LUV	33.199, 22.005, 4.744
Hunter-Lab	27.621, 9.25, 5.097
Binary	01101000, 01000101, 01000101

#684545
```
#684545 rgb(104,69,69)
```
#456868
```
#456868 rgb(69,104,104)
```

Complementary Color

#684557
```
#684557 rgb(104,69,87)
```
#684545
```
#684545 rgb(104,69,69)
```
#685745
```
#685745 rgb(104,87,69)
```

Analogous Color

#455768
```
#455768 rgb(69,87,104)
```
#684545
```
#684545 rgb(104,69,69)
```
#456857
```
#456857 rgb(69,104,87)
```

Split Complementary Color

#454568
```
#454568 rgb(69,69,104)
```
#684545
```
#684545 rgb(104,69,69)
```
#456845
```
#456845 rgb(69,104,69)
```

Triadic Color

#684568
```
#684568 rgb(104,69,104)
```
#684545
```
#684545 rgb(104,69,69)
```
#456845
```
#456845 rgb(69,104,69)
```
#456868
```
#456868 rgb(69,104,104)
```

Tetradic Color

#3a2626
```
#3a2626 rgb(58,38,38)
```
#493131
```
#493131 rgb(73,49,49)
```
#593b3b
```
#593b3b rgb(89,59,59)
```
#684545
```
#684545 rgb(104,69,69)
```
#774f4f
```
#774f4f rgb(119,79,79)
```
#875959
```
#875959 rgb(135,89,89)
```
#966464
```
#966464 rgb(150,100,100)
```

Monochromatic Color

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

#68454e
```
#68454e rgb(104,69,78)
```
#68454b
```
#68454b rgb(104,69,75)
```
#684548
```
#684548 rgb(104,69,72)
```
#684545
```
#684545 rgb(104,69,69)
```
#684845
```
#684845 rgb(104,72,69)
```
#684b45
```
#684b45 rgb(104,75,69)
```
#684e45
```
#684e45 rgb(104,78,69)
```

Similar Colors

Text with hexadecimal color #684545

This text has a font color of #684545.

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

#684545 background color

This paragraph has a background color of #684545.

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

#684545 border color

This element has a border color of #684545.

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

CSS codes

.text {color:#684545;}

.background {background-color:#684545;}

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

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

#0a0606
```
#0a0606 rgb(10,6,6)
```
#150e0e
```
#150e0e rgb(21,14,14)
```
#211616
```
#211616 rgb(33,22,22)
```
#2d1e1e
```
#2d1e1e rgb(45,30,30)
```
#392626
```
#392626 rgb(57,38,38)
```
#452e2e
```
#452e2e rgb(69,46,46)
```
#503535
```
#503535 rgb(80,53,53)
```
#5c3d3d
```
#5c3d3d rgb(92,61,61)
```
#684545
```
#684545 rgb(104,69,69)
```
#744d4d
```
#744d4d rgb(116,77,77)
```
#805555
```
#805555 rgb(128,85,85)
```
#8b5c5c
```
#8b5c5c rgb(139,92,92)
```
#976464
```
#976464 rgb(151,100,100)
```

Shade Color Variation

#a06f6f
```
#a06f6f rgb(160,111,111)
```
#a87b7b
```
#a87b7b rgb(168,123,123)
```
#af8787
```
#af8787 rgb(175,135,135)
```
#b79393
```
#b79393 rgb(183,147,147)
```
#bf9f9f
```
#bf9f9f rgb(191,159,159)
```
#c7aaaa
```
#c7aaaa rgb(199,170,170)
```
#cfb6b6
```
#cfb6b6 rgb(207,182,182)
```
#d6c2c2
```
#d6c2c2 rgb(214,194,194)
```
#decece
```
#decece rgb(222,206,206)
```
#e6d9d9
```
#e6d9d9 rgb(230,217,217)
```
#eee5e5
```
#eee5e5 rgb(238,229,229)
```
#f6f1f1
```
#f6f1f1 rgb(246,241,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#5b5252
```
#5b5252 rgb(91,82,82)
```
#614c4c
```
#614c4c rgb(97,76,76)
```
#684545
```
#684545 rgb(104,69,69)
```
#6f3e3e
```
#6f3e3e rgb(111,62,62)
```
#753838
```
#753838 rgb(117,56,56)
```
#7c3131
```
#7c3131 rgb(124,49,49)
```
#832a2a
```
#832a2a rgb(131,42,42)
```
#892424
```
#892424 rgb(137,36,36)
```
#901d1d
```
#901d1d rgb(144,29,29)
```
#971616
```
#971616 rgb(151,22,22)
```
#9d1010
```
#9d1010 rgb(157,16,16)
```
#a40909
```
#a40909 rgb(164,9,9)
```
#ab0202
```
#ab0202 rgb(171,2,2)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#544d4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#595652 Protanopia 1% of men
#63544d Deuteranopia 1% of men
#704d53 Tritanopia 0.001% of the population

Trichromacy

#5f504d Protanomaly 1% of men, 0.01% of women
#644e4a Deuteranomaly 6% of men, 0.4% of women
#6d4a4e Tritanomaly 0.01% of the population

#684545 hex color

#684545 Color Information

#684545 Color Conversion

Color Schemes with #684545

Alternatives to #684545

#684545 Preview

Shades and Tints of #684545

Tones of #684545

Color Blindness Simulator