#684966 hex color

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

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

● #684966 color description : Very dark grayish magenta.

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

Hex triplet	684966	`#684966`
RGB Decimal	104, 73, 102	`rgb(104,73,102)`
RGB Percent	40.8, 28.6, 40	`rgb(40.8%,28.6%,40%)`
CMYK	0, 30, 2, 59
HSL	303.9°, 17.5, 34.7	`hsl(303.9,17.5%,34.7%)`
HSV (or HSB)	303.9°, 29.8, 40.8
Web Safe	663366	`#663366`

CIE-LAB	35.337, 18.554, -11.684
XYZ	10.489, 8.668, 13.69
xyY	0.319, 0.264, 8.668
CIE-LCH	35.337, 21.926, 327.801
CIE-LUV	35.337, 15.268, -17.783
Hunter-Lab	29.441, 12.075, -6.961
Binary	01101000, 01001001, 01100110

#684966
```
#684966 rgb(104,73,102)
```
#49684b
```
#49684b rgb(73,104,75)
```

Complementary Color

#5b4968
```
#5b4968 rgb(91,73,104)
```
#684966
```
#684966 rgb(104,73,102)
```
#684957
```
#684957 rgb(104,73,87)
```

Analogous Color

#49685b
```
#49685b rgb(73,104,91)
```
#684966
```
#684966 rgb(104,73,102)
```
#576849
```
#576849 rgb(87,104,73)
```

Split Complementary Color

#496668
```
#496668 rgb(73,102,104)
```
#684966
```
#684966 rgb(104,73,102)
```
#666849
```
#666849 rgb(102,104,73)
```

Triadic Color

#4b4968
```
#4b4968 rgb(75,73,104)
```
#684966
```
#684966 rgb(104,73,102)
```
#666849
```
#666849 rgb(102,104,73)
```
#49684b
```
#49684b rgb(73,104,75)
```

Tetradic Color

#3b293a
```
#3b293a rgb(59,41,58)
```
#4a3449
```
#4a3449 rgb(74,52,73)
```
#593e57
```
#593e57 rgb(89,62,87)
```
#684966
```
#684966 rgb(104,73,102)
```
#775475
```
#775475 rgb(119,84,117)
```
#865e83
```
#865e83 rgb(134,94,131)
```
#956992
```
#956992 rgb(149,105,146)
```

Monochromatic Color

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

#624968
```
#624968 rgb(98,73,104)
```
#654968
```
#654968 rgb(101,73,104)
```
#674968
```
#674968 rgb(103,73,104)
```
#684966
```
#684966 rgb(104,73,102)
```
#684963
```
#684963 rgb(104,73,99)
```
#684961
```
#684961 rgb(104,73,97)
```
#68495e
```
#68495e rgb(104,73,94)
```

Similar Colors

Text with hexadecimal color #684966

This text has a font color of #684966.

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

#684966 background color

This paragraph has a background color of #684966.

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

#684966 border color

This element has a border color of #684966.

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

CSS codes

.text {color:#684966;}

.background {background-color:#684966;}

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

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 #f7f4f7 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0c080c
```
#0c080c rgb(12,8,12)
```
#171017
```
#171017 rgb(23,16,23)
```
#231822
```
#231822 rgb(35,24,34)
```
#2e212d
```
#2e212d rgb(46,33,45)
```
#3a2939
```
#3a2939 rgb(58,41,57)
```
#453144
```
#453144 rgb(69,49,68)
```
#51394f
```
#51394f rgb(81,57,79)
```
#5c415b
```
#5c415b rgb(92,65,91)
```
#684966
```
#684966 rgb(104,73,102)
```
#745171
```
#745171 rgb(116,81,113)
```
#7f597d
```
#7f597d rgb(127,89,125)
```
#8b6188
```
#8b6188 rgb(139,97,136)
```

Shade Color Variation

#966993
```
#966993 rgb(150,105,147)
```
#9e759b
```
#9e759b rgb(158,117,155)
```
#a680a4
```
#a680a4 rgb(166,128,164)
```
#ae8cac
```
#ae8cac rgb(174,140,172)
```
#b698b4
```
#b698b4 rgb(182,152,180)
```
#bea3bd
```
#bea3bd rgb(190,163,189)
```
#c7afc5
```
#c7afc5 rgb(199,175,197)
```
#cfbacd
```
#cfbacd rgb(207,186,205)
```
#d7c6d6
```
#d7c6d6 rgb(215,198,214)
```
#dfd1de
```
#dfd1de rgb(223,209,222)
```
#e7dde6
```
#e7dde6 rgb(231,221,230)
```
#efe8ef
```
#efe8ef rgb(239,232,239)
```
#f7f4f7
```
#f7f4f7 rgb(247,244,247)
```

Tint Color Variation

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

#5a575a
```
#5a575a rgb(90,87,90)
```
#615060
```
#615060 rgb(97,80,96)
```
#684966
```
#684966 rgb(104,73,102)
```
#6f426c
```
#6f426c rgb(111,66,108)
```
#763b72
```
#763b72 rgb(118,59,114)
```
#7c3578
```
#7c3578 rgb(124,53,120)
```
#832e7e
```
#832e7e rgb(131,46,126)
```
#8a2784
```
#8a2784 rgb(138,39,132)
```
#91208a
```
#91208a rgb(145,32,138)
```
#981990
```
#981990 rgb(152,25,144)
```
#9e1395
```
#9e1395 rgb(158,19,149)
```
#a50c9b
```
#a50c9b rgb(165,12,155)
```
#ac05a1
```
#ac05a1 rgb(172,5,161)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#5a5359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555b73 Protanopia 1% of men
#5c5a6b Deuteranopia 1% of men
#6d565c Tritanopia 0.001% of the population

Trichromacy

#5c546e Protanomaly 1% of men, 0.01% of women
#605369 Deuteranomaly 6% of men, 0.4% of women
#6b515f Tritanomaly 0.01% of the population

#684966 hex color

#684966 Color Information

#684966 Color Conversion

Color Schemes with #684966

Alternatives to #684966

#684966 Preview

Shades and Tints of #684966

Tones of #684966

Color Blindness Simulator