#684474 hex color

In a RGB color space, hex #684474 is composed of 40.8% red, 26.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 41.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 285 degrees, a saturation of 26.1% and a lightness of 36.1%. #684474 color hex could be obtained by blending #d088e8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 27
- B 45
RGB color chart
- C 10
- M 41
- Y 0
- K 55
CMYK color chart

● #684474 color description : Mostly desaturated dark magenta.

The hexadecimal color #684474 has RGB values of R:104, G:68, B:116 and CMYK values of C:0.1, M:0.41, Y:0, K:0.55. Its decimal value is 6833268.

Hex triplet	684474	`#684474`
RGB Decimal	104, 68, 116	`rgb(104,68,116)`
RGB Percent	40.8, 26.7, 45.5	`rgb(40.8%,26.7%,45.5%)`
CMYK	10, 41, 0, 55
HSL	285°, 26.1, 36.1	`hsl(285,26.1%,36.1%)`
HSV (or HSB)	285°, 41.4, 45.5
Web Safe	663366	`#663366`

CIE-LAB	34.678, 24.689, -21.479
XYZ	10.928, 8.339, 17.556
xyY	0.297, 0.226, 8.339
CIE-LCH	34.678, 32.725, 318.977
CIE-LUV	34.678, 15.256, -31.817
Hunter-Lab	28.877, 17.017, -15.833
Binary	01101000, 01000100, 01110100

#684474
```
#684474 rgb(104,68,116)
```
#507444
```
#507444 rgb(80,116,68)
```

Complementary Color

#504474
```
#504474 rgb(80,68,116)
```
#684474
```
#684474 rgb(104,68,116)
```
#744468
```
#744468 rgb(116,68,104)
```

Analogous Color

#447450
```
#447450 rgb(68,116,80)
```
#684474
```
#684474 rgb(104,68,116)
```
#687444
```
#687444 rgb(104,116,68)
```

Split Complementary Color

#447468
```
#447468 rgb(68,116,104)
```
#684474
```
#684474 rgb(104,68,116)
```
#746844
```
#746844 rgb(116,104,68)
```

Triadic Color

#445074
```
#445074 rgb(68,80,116)
```
#684474
```
#684474 rgb(104,68,116)
```
#746844
```
#746844 rgb(116,104,68)
```
#507444
```
#507444 rgb(80,116,68)
```

Tetradic Color

#3d2844
```
#3d2844 rgb(61,40,68)
```
#4b3154
```
#4b3154 rgb(75,49,84)
```
#5a3b64
```
#5a3b64 rgb(90,59,100)
```
#684474
```
#684474 rgb(104,68,116)
```
#764d84
```
#764d84 rgb(118,77,132)
```
#855794
```
#855794 rgb(133,87,148)
```
#9362a3
```
#9362a3 rgb(147,98,163)
```

Monochromatic Color

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

#5c4474
```
#5c4474 rgb(92,68,116)
```
#604474
```
#604474 rgb(96,68,116)
```
#644474
```
#644474 rgb(100,68,116)
```
#684474
```
#684474 rgb(104,68,116)
```
#6c4474
```
#6c4474 rgb(108,68,116)
```
#704474
```
#704474 rgb(112,68,116)
```
#744474
```
#744474 rgb(116,68,116)
```

Similar Colors

Text with hexadecimal color #684474

This text has a font color of #684474.

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

#684474 background color

This paragraph has a background color of #684474.

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

#684474 border color

This element has a border color of #684474.

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

CSS codes

.text {color:#684474;}

.background {background-color:#684474;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0f0a11
```
#0f0a11 rgb(15,10,17)
```
#1a111d
```
#1a111d rgb(26,17,29)
```
#25192a
```
#25192a rgb(37,25,42)
```
#312036
```
#312036 rgb(49,32,54)
```
#3c2743
```
#3c2743 rgb(60,39,67)
```
#472e4f
```
#472e4f rgb(71,46,79)
```
#52365b
```
#52365b rgb(82,54,91)
```
#5d3d68
```
#5d3d68 rgb(93,61,104)
```
#684474
```
#684474 rgb(104,68,116)
```
#734b80
```
#734b80 rgb(115,75,128)
```
#7e528d
```
#7e528d rgb(126,82,141)
```
#895a99
```
#895a99 rgb(137,90,153)
```

Shade Color Variation

#9363a4
```
#9363a4 rgb(147,99,164)
```
#9c6fab
```
#9c6fab rgb(156,111,171)
```
#a47cb2
```
#a47cb2 rgb(164,124,178)
```
#ad88b9
```
#ad88b9 rgb(173,136,185)
```
#b594c1
```
#b594c1 rgb(181,148,193)
```
#bea1c8
```
#bea1c8 rgb(190,161,200)
```
#c7adcf
```
#c7adcf rgb(199,173,207)
```
#cfbad6
```
#cfbad6 rgb(207,186,214)
```
#d8c6de
```
#d8c6de rgb(216,198,222)
```
#e0d2e5
```
#e0d2e5 rgb(224,210,229)
```
#e9dfec
```
#e9dfec rgb(233,223,236)
```
#f1ebf3
```
#f1ebf3 rgb(241,235,243)
```
#faf7fb
```
#faf7fb rgb(250,247,251)
```

Tint Color Variation

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

#5d595f
```
#5d595f rgb(93,89,95)
```
#615266
```
#615266 rgb(97,82,102)
```
#644b6d
```
#644b6d rgb(100,75,109)
```
#684474
```
#684474 rgb(104,68,116)
```
#6c3d7b
```
#6c3d7b rgb(108,61,123)
```
#6f3682
```
#6f3682 rgb(111,54,130)
```
#732f89
```
#732f89 rgb(115,47,137)
```
#762890
```
#762890 rgb(118,40,144)
```
#7a2197
```
#7a2197 rgb(122,33,151)
```
#7d1a9e
```
#7d1a9e rgb(125,26,158)
```
#8112a6
```
#8112a6 rgb(129,18,166)
```
#840bad
```
#840bad rgb(132,11,173)
```
#8804b4
```
#8804b4 rgb(136,4,180)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#58515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5983 Protanopia 1% of men
#515977 Deuteranopia 1% of men
#6a555a Tritanopia 0.001% of the population

Trichromacy

#55517d Protanomaly 1% of men, 0.01% of women
#595176 Deuteranomaly 6% of men, 0.4% of women
#694e64 Tritanomaly 0.01% of the population

#684474 hex color

#684474 Color Information

#684474 Color Conversion

Color Schemes with #684474

Alternatives to #684474

#684474 Preview

Shades and Tints of #684474

Tones of #684474

Color Blindness Simulator