#684949 hex color

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

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

● #684949 color description : Very dark grayish red.

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

Hex triplet	684949	`#684949`
RGB Decimal	104, 73, 73	`rgb(104,73,73)`
RGB Percent	40.8, 28.6, 28.6	`rgb(40.8%,28.6%,28.6%)`
CMYK	0, 30, 30, 59
HSL	0°, 17.5, 34.7	`hsl(0,17.5%,34.7%)`
HSV (or HSB)	0°, 29.8, 40.8
Web Safe	663333	`#663333`

CIE-LAB	34.375, 13.22, 5.256
XYZ	9.294, 8.19, 7.394
xyY	0.374, 0.329, 8.19
CIE-LCH	34.375, 14.226, 21.682
CIE-LUV	34.375, 19.243, 4.148
Hunter-Lab	28.617, 7.89, 4.713
Binary	01101000, 01001001, 01001001

#684949
```
#684949 rgb(104,73,73)
```
#496868
```
#496868 rgb(73,104,104)
```

Complementary Color

#684959
```
#684959 rgb(104,73,89)
```
#684949
```
#684949 rgb(104,73,73)
```
#685949
```
#685949 rgb(104,89,73)
```

Analogous Color

#495968
```
#495968 rgb(73,89,104)
```
#684949
```
#684949 rgb(104,73,73)
```
#496859
```
#496859 rgb(73,104,89)
```

Split Complementary Color

#494968
```
#494968 rgb(73,73,104)
```
#684949
```
#684949 rgb(104,73,73)
```
#496849
```
#496849 rgb(73,104,73)
```

Triadic Color

#684968
```
#684968 rgb(104,73,104)
```
#684949
```
#684949 rgb(104,73,73)
```
#496849
```
#496849 rgb(73,104,73)
```
#496868
```
#496868 rgb(73,104,104)
```

Tetradic Color

#3b2929
```
#3b2929 rgb(59,41,41)
```
#4a3434
```
#4a3434 rgb(74,52,52)
```
#593e3e
```
#593e3e rgb(89,62,62)
```
#684949
```
#684949 rgb(104,73,73)
```
#775454
```
#775454 rgb(119,84,84)
```
#865e5e
```
#865e5e rgb(134,94,94)
```
#956969
```
#956969 rgb(149,105,105)
```

Monochromatic Color

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

#684951
```
#684951 rgb(104,73,81)
```
#68494e
```
#68494e rgb(104,73,78)
```
#68494c
```
#68494c rgb(104,73,76)
```
#684949
```
#684949 rgb(104,73,73)
```
#684c49
```
#684c49 rgb(104,76,73)
```
#684e49
```
#684e49 rgb(104,78,73)
```
#685149
```
#685149 rgb(104,81,73)
```

Similar Colors

Text with hexadecimal color #684949

This text has a font color of #684949.

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

#684949 background color

This paragraph has a background color of #684949.

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

#684949 border color

This element has a border color of #684949.

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

CSS codes

.text {color:#684949;}

.background {background-color:#684949;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0808
```
#0c0808 rgb(12,8,8)
```
#171010
```
#171010 rgb(23,16,16)
```
#231818
```
#231818 rgb(35,24,24)
```
#2e2121
```
#2e2121 rgb(46,33,33)
```
#3a2929
```
#3a2929 rgb(58,41,41)
```
#453131
```
#453131 rgb(69,49,49)
```
#513939
```
#513939 rgb(81,57,57)
```
#5c4141
```
#5c4141 rgb(92,65,65)
```
#684949
```
#684949 rgb(104,73,73)
```
#745151
```
#745151 rgb(116,81,81)
```
#7f5959
```
#7f5959 rgb(127,89,89)
```
#8b6161
```
#8b6161 rgb(139,97,97)
```

Shade Color Variation

#966969
```
#966969 rgb(150,105,105)
```
#9e7575
```
#9e7575 rgb(158,117,117)
```
#a68080
```
#a68080 rgb(166,128,128)
```
#ae8c8c
```
#ae8c8c rgb(174,140,140)
```
#b69898
```
#b69898 rgb(182,152,152)
```
#bea3a3
```
#bea3a3 rgb(190,163,163)
```
#c7afaf
```
#c7afaf rgb(199,175,175)
```
#cfbaba
```
#cfbaba rgb(207,186,186)
```
#d7c6c6
```
#d7c6c6 rgb(215,198,198)
```
#dfd1d1
```
#dfd1d1 rgb(223,209,209)
```
#e7dddd
```
#e7dddd rgb(231,221,221)
```
#efe8e8
```
#efe8e8 rgb(239,232,232)
```
#f7f4f4
```
#f7f4f4 rgb(247,244,244)
```

Tint Color Variation

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

#5a5757
```
#5a5757 rgb(90,87,87)
```
#615050
```
#615050 rgb(97,80,80)
```
#684949
```
#684949 rgb(104,73,73)
```
#6f4242
```
#6f4242 rgb(111,66,66)
```
#763b3b
```
#763b3b rgb(118,59,59)
```
#7c3535
```
#7c3535 rgb(124,53,53)
```
#832e2e
```
#832e2e rgb(131,46,46)
```
#8a2727
```
#8a2727 rgb(138,39,39)
```
#912020
```
#912020 rgb(145,32,32)
```
#981919
```
#981919 rgb(152,25,25)
```
#9e1313
```
#9e1313 rgb(158,19,19)
```
#a50c0c
```
#a50c0c rgb(165,12,12)
```
#ac0505
```
#ac0505 rgb(172,5,5)
```

Tone Color Variation

Below, you can see how #684949 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
#565050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5955 Protanopia 1% of men
#655651 Deuteranopia 1% of men
#705157 Tritanopia 0.001% of the population

Trichromacy

#605351 Protanomaly 1% of men, 0.01% of women
#66514e Deuteranomaly 6% of men, 0.4% of women
#6d4e52 Tritanomaly 0.01% of the population

#684949 hex color

#684949 Color Information

#684949 Color Conversion

Color Schemes with #684949

Alternatives to #684949

#684949 Preview

Shades and Tints of #684949

Tones of #684949

Color Blindness Simulator