#684a6d hex color

In a RGB color space, hex #684a6d is composed of 40.8% red, 29% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 32.1% magenta, 0% yellow and 57.3% black. It has a hue angle of 291.4 degrees, a saturation of 19.1% and a lightness of 35.9%. #684a6d color hex could be obtained by blending #d094da with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 29
- B 43
RGB color chart
- C 5
- M 32
- Y 0
- K 57
CMYK color chart

● #684a6d color description : Very dark grayish magenta.

The hexadecimal color #684a6d has RGB values of R:104, G:74, B:109 and CMYK values of C:0.05, M:0.32, Y:0, K:0.57. Its decimal value is 6834797.

Hex triplet	684a6d	`#684a6d`
RGB Decimal	104, 74, 109	`rgb(104,74,109)`
RGB Percent	40.8, 29, 42.7	`rgb(40.8%,29%,42.7%)`
CMYK	5, 32, 0, 57
HSL	291.4°, 19.1, 35.9	`hsl(291.4,19.1%,35.9%)`
HSV (or HSB)	291.4°, 32.1, 42.7
Web Safe	663366	`#663366`

CIE-LAB	35.878, 19.44, -15.249
XYZ	10.918, 8.945, 15.619
xyY	0.308, 0.252, 8.945
CIE-LCH	35.878, 24.707, 321.888
CIE-LUV	35.878, 13.84, -22.82
Hunter-Lab	29.908, 12.82, -10.027
Binary	01101000, 01001010, 01101101

#684a6d
```
#684a6d rgb(104,74,109)
```
#4f6d4a
```
#4f6d4a rgb(79,109,74)
```

Complementary Color

#574a6d
```
#574a6d rgb(87,74,109)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#6d4a61
```
#6d4a61 rgb(109,74,97)
```

Analogous Color

#4a6d57
```
#4a6d57 rgb(74,109,87)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#616d4a
```
#616d4a rgb(97,109,74)
```

Split Complementary Color

#4a6d68
```
#4a6d68 rgb(74,109,104)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#6d684a
```
#6d684a rgb(109,104,74)
```

Triadic Color

#4a4f6d
```
#4a4f6d rgb(74,79,109)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#6d684a
```
#6d684a rgb(109,104,74)
```
#4f6d4a
```
#4f6d4a rgb(79,109,74)
```

Tetradic Color

#3d2b3f
```
#3d2b3f rgb(61,43,63)
```
#4b354f
```
#4b354f rgb(75,53,79)
```
#5a405e
```
#5a405e rgb(90,64,94)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#76547c
```
#76547c rgb(118,84,124)
```
#855f8b
```
#855f8b rgb(133,95,139)
```
#936a9a
```
#936a9a rgb(147,106,154)
```

Monochromatic Color

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

#5f4a6d
```
#5f4a6d rgb(95,74,109)
```
#624a6d
```
#624a6d rgb(98,74,109)
```
#654a6d
```
#654a6d rgb(101,74,109)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#6b4a6d
```
#6b4a6d rgb(107,74,109)
```
#6d4a6c
```
#6d4a6c rgb(109,74,108)
```
#6d4a69
```
#6d4a69 rgb(109,74,105)
```

Similar Colors

Text with hexadecimal color #684a6d

This text has a font color of #684a6d.

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

#684a6d background color

This paragraph has a background color of #684a6d.

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

#684a6d border color

This element has a border color of #684a6d.

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

CSS codes

.text {color:#684a6d;}

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

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

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

#040304
```
#040304 rgb(4,3,4)
```
#0f0b10
```
#0f0b10 rgb(15,11,16)
```
#1a121b
```
#1a121b rgb(26,18,27)
```
#251a27
```
#251a27 rgb(37,26,39)
```
#302233
```
#302233 rgb(48,34,51)
```
#3b2a3e
```
#3b2a3e rgb(59,42,62)
```
#47324a
```
#47324a rgb(71,50,74)
```
#523a56
```
#523a56 rgb(82,58,86)
```
#5d4261
```
#5d4261 rgb(93,66,97)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#735279
```
#735279 rgb(115,82,121)
```
#7e5a84
```
#7e5a84 rgb(126,90,132)
```
#896290
```
#896290 rgb(137,98,144)
```

Shade Color Variation

#946b9a
```
#946b9a rgb(148,107,154)
```
#9c77a2
```
#9c77a2 rgb(156,119,162)
```
#a582aa
```
#a582aa rgb(165,130,170)
```
#ad8eb2
```
#ad8eb2 rgb(173,142,178)
```
#b69aba
```
#b69aba rgb(182,154,186)
```
#bea5c2
```
#bea5c2 rgb(190,165,194)
```
#c7b1ca
```
#c7b1ca rgb(199,177,202)
```
#cfbdd2
```
#cfbdd2 rgb(207,189,210)
```
#d7c8da
```
#d7c8da rgb(215,200,218)
```
#e0d4e2
```
#e0d4e2 rgb(224,212,226)
```
#e8e0ea
```
#e8e0ea rgb(232,224,234)
```
#f1ebf2
```
#f1ebf2 rgb(241,235,242)
```
#f9f7fa
```
#f9f7fa rgb(249,247,250)
```

Tint Color Variation

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

#5e585f
```
#5e585f rgb(94,88,95)
```
#635166
```
#635166 rgb(99,81,102)
```
#684a6d
```
#684a6d rgb(104,74,109)
```
#6d4374
```
#6d4374 rgb(109,67,116)
```
#723c7b
```
#723c7b rgb(114,60,123)
```
#773582
```
#773582 rgb(119,53,130)
```
#7c2e89
```
#7c2e89 rgb(124,46,137)
```
#812790
```
#812790 rgb(129,39,144)
```
#862097
```
#862097 rgb(134,32,151)
```
#8b199e
```
#8b199e rgb(139,25,158)
```
#9012a5
```
#9012a5 rgb(144,18,165)
```
#950bac
```
#950bac rgb(149,11,172)
```
#9a04b3
```
#9a04b3 rgb(154,4,179)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5a545b Atypical Achromatopsia 0.001% of the population

Dichromacy

#545c7a Protanopia 1% of men
#5a5b72 Deuteranopia 1% of men
#6c585e Tritanopia 0.001% of the population

Trichromacy

#5b5575 Protanomaly 1% of men, 0.01% of women
#5f5570 Deuteranomaly 6% of men, 0.4% of women
#6a5263 Tritanomaly 0.01% of the population

#684a6d hex color

#684a6d Color Information

#684a6d Color Conversion

Color Schemes with #684a6d

Alternatives to #684a6d

#684a6d Preview

Shades and Tints of #684a6d

Tones of #684a6d

Color Blindness Simulator