#684d4d hex color

In a RGB color space, hex #684d4d is composed of 40.8% red, 30.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26% magenta, 26% yellow and 59.2% black. It has a hue angle of 0 degrees, a saturation of 14.9% and a lightness of 35.5%. #684d4d color hex could be obtained by blending #d09a9a with #000000. Closest websafe color is: #666666.

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

● #684d4d color description : Very dark grayish red.

The hexadecimal color #684d4d has RGB values of R:104, G:77, B:77 and CMYK values of C:0, M:0.26, Y:0.26, K:0.59. Its decimal value is 6835533.

Hex triplet	684d4d	`#684d4d`
RGB Decimal	104, 77, 77	`rgb(104,77,77)`
RGB Percent	40.8, 30.2, 30.2	`rgb(40.8%,30.2%,30.2%)`
CMYK	0, 26, 26, 59
HSL	0°, 14.9, 35.5	`hsl(0,14.9%,35.5%)`
HSV (or HSB)	0°, 26, 40.8
Web Safe	666666	`#666666`

CIE-LAB	35.571, 11.388, 4.436
XYZ	9.702, 8.787, 8.206
xyY	0.363, 0.329, 8.787
CIE-LCH	35.571, 12.222, 21.283
CIE-LUV	35.571, 16.543, 3.565
Hunter-Lab	29.643, 6.549, 4.337
Binary	01101000, 01001101, 01001101

#684d4d
```
#684d4d rgb(104,77,77)
```
#4d6868
```
#4d6868 rgb(77,104,104)
```

Complementary Color

#684d5b
```
#684d5b rgb(104,77,91)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#685b4d
```
#685b4d rgb(104,91,77)
```

Analogous Color

#4d5b68
```
#4d5b68 rgb(77,91,104)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#4d685b
```
#4d685b rgb(77,104,91)
```

Split Complementary Color

#4d4d68
```
#4d4d68 rgb(77,77,104)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#4d684d
```
#4d684d rgb(77,104,77)
```

Triadic Color

#684d68
```
#684d68 rgb(104,77,104)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#4d684d
```
#4d684d rgb(77,104,77)
```
#4d6868
```
#4d6868 rgb(77,104,104)
```

Tetradic Color

#3c2c2c
```
#3c2c2c rgb(60,44,44)
```
#4b3737
```
#4b3737 rgb(75,55,55)
```
#594242
```
#594242 rgb(89,66,66)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#775858
```
#775858 rgb(119,88,88)
```
#856363
```
#856363 rgb(133,99,99)
```
#946e6e
```
#946e6e rgb(148,110,110)
```

Monochromatic Color

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

#684d54
```
#684d54 rgb(104,77,84)
```
#684d52
```
#684d52 rgb(104,77,82)
```
#684d4f
```
#684d4f rgb(104,77,79)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#684f4d
```
#684f4d rgb(104,79,77)
```
#68524d
```
#68524d rgb(104,82,77)
```
#68544d
```
#68544d rgb(104,84,77)
```

Similar Colors

Text with hexadecimal color #684d4d

This text has a font color of #684d4d.

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

#684d4d background color

This paragraph has a background color of #684d4d.

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

#684d4d border color

This element has a border color of #684d4d.

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

CSS codes

.text {color:#684d4d;}

.background {background-color:#684d4d;}

.border {border:1px solid #684d4d;}

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

#030202
```
#030202 rgb(3,2,2)
```
#0e0a0a
```
#0e0a0a rgb(14,10,10)
```
#191313
```
#191313 rgb(25,19,19)
```
#241b1b
```
#241b1b rgb(36,27,27)
```
#302323
```
#302323 rgb(48,35,35)
```
#3b2c2c
```
#3b2c2c rgb(59,44,44)
```
#463434
```
#463434 rgb(70,52,52)
```
#513c3c
```
#513c3c rgb(81,60,60)
```
#5d4545
```
#5d4545 rgb(93,69,69)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#735555
```
#735555 rgb(115,85,85)
```
#7f5e5e
```
#7f5e5e rgb(127,94,94)
```
#8a6666
```
#8a6666 rgb(138,102,102)
```

Shade Color Variation

#946f6f
```
#946f6f rgb(148,111,111)
```
#9d7a7a
```
#9d7a7a rgb(157,122,122)
```
#a58686
```
#a58686 rgb(165,134,134)
```
#ad9191
```
#ad9191 rgb(173,145,145)
```
#b69c9c
```
#b69c9c rgb(182,156,156)
```
#bea7a7
```
#bea7a7 rgb(190,167,167)
```
#c6b3b3
```
#c6b3b3 rgb(198,179,179)
```
#cfbebe
```
#cfbebe rgb(207,190,190)
```
#d7c9c9
```
#d7c9c9 rgb(215,201,201)
```
#e0d4d4
```
#e0d4d4 rgb(224,212,212)
```
#e8e0e0
```
#e8e0e0 rgb(232,224,224)
```
#f0ebeb
```
#f0ebeb rgb(240,235,235)
```
#f9f6f6
```
#f9f6f6 rgb(249,246,246)
```

Tint Color Variation

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

#615454
```
#615454 rgb(97,84,84)
```
#684d4d
```
#684d4d rgb(104,77,77)
```
#6f4646
```
#6f4646 rgb(111,70,70)
```
#763f3f
```
#763f3f rgb(118,63,63)
```
#7d3838
```
#7d3838 rgb(125,56,56)
```
#843131
```
#843131 rgb(132,49,49)
```
#8b2a2a
```
#8b2a2a rgb(139,42,42)
```
#922323
```
#922323 rgb(146,35,35)
```
#991c1c
```
#991c1c rgb(153,28,28)
```
#a01515
```
#a01515 rgb(160,21,21)
```
#a70e0e
```
#a70e0e rgb(167,14,14)
```
#ae0707
```
#ae0707 rgb(174,7,7)
```
#b50000
```
#b50000 rgb(181,0,0)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#595353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5c59 Protanopia 1% of men
#675955 Deuteranopia 1% of men
#70555b Tritanopia 0.001% of the population

Trichromacy

#625654 Protanomaly 1% of men, 0.01% of women
#675452 Deuteranomaly 6% of men, 0.4% of women
#6d5256 Tritanomaly 0.01% of the population

#684d4d hex color

#684d4d Color Information

#684d4d Color Conversion

Color Schemes with #684d4d

Alternatives to #684d4d

#684d4d Preview

Shades and Tints of #684d4d

Tones of #684d4d

Color Blindness Simulator