#684070 hex color

In a RGB color space, hex #684070 is composed of 40.8% red, 25.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 7.1% cyan, 42.9% magenta, 0% yellow and 56.1% black. It has a hue angle of 290 degrees, a saturation of 27.3% and a lightness of 34.5%. #684070 color hex could be obtained by blending #d080e0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 25
- B 44
RGB color chart
- C 7
- M 43
- Y 0
- K 56
CMYK color chart

● #684070 color description : Very dark desaturated magenta.

The hexadecimal color #684070 has RGB values of R:104, G:64, B:112 and CMYK values of C:0.07, M:0.43, Y:0, K:0.56. Its decimal value is 6832240.

Hex triplet	684070	`#684070`
RGB Decimal	104, 64, 112	`rgb(104,64,112)`
RGB Percent	40.8, 25.1, 43.9	`rgb(40.8%,25.1%,43.9%)`
CMYK	7, 43, 0, 56
HSL	290°, 27.3, 34.5	`hsl(290,27.3%,34.5%)`
HSV (or HSB)	290°, 42.9, 43.9
Web Safe	663366	`#663366`

CIE-LAB	33.52, 26.208, -20.769
XYZ	10.467, 7.78, 16.279
xyY	0.303, 0.225, 7.78
CIE-LCH	33.52, 33.439, 321.604
CIE-LUV	33.52, 17.445, -30.722
Hunter-Lab	27.893, 18.169, -15.078
Binary	01101000, 01000000, 01110000

#684070
```
#684070 rgb(104,64,112)
```
#487040
```
#487040 rgb(72,112,64)
```

Complementary Color

#504070
```
#504070 rgb(80,64,112)
```
#684070
```
#684070 rgb(104,64,112)
```
#704060
```
#704060 rgb(112,64,96)
```

Analogous Color

#407050
```
#407050 rgb(64,112,80)
```
#684070
```
#684070 rgb(104,64,112)
```
#607040
```
#607040 rgb(96,112,64)
```

Split Complementary Color

#407068
```
#407068 rgb(64,112,104)
```
#684070
```
#684070 rgb(104,64,112)
```
#706840
```
#706840 rgb(112,104,64)
```

Triadic Color

#404870
```
#404870 rgb(64,72,112)
```
#684070
```
#684070 rgb(104,64,112)
```
#706840
```
#706840 rgb(112,104,64)
```
#487040
```
#487040 rgb(72,112,64)
```

Tetradic Color

#3b243f
```
#3b243f rgb(59,36,63)
```
#4a2d50
```
#4a2d50 rgb(74,45,80)
```
#593760
```
#593760 rgb(89,55,96)
```
#684070
```
#684070 rgb(104,64,112)
```
#774980
```
#774980 rgb(119,73,128)
```
#865390
```
#865390 rgb(134,83,144)
```
#955ca1
```
#955ca1 rgb(149,92,161)
```

Monochromatic Color

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

#5c4070
```
#5c4070 rgb(92,64,112)
```
#604070
```
#604070 rgb(96,64,112)
```
#644070
```
#644070 rgb(100,64,112)
```
#684070
```
#684070 rgb(104,64,112)
```
#6c4070
```
#6c4070 rgb(108,64,112)
```
#704070
```
#704070 rgb(112,64,112)
```
#70406c
```
#70406c rgb(112,64,108)
```

Similar Colors

Text with hexadecimal color #684070

This text has a font color of #684070.

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

#684070 background color

This paragraph has a background color of #684070.

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

#684070 border color

This element has a border color of #684070.

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

CSS codes

.text {color:#684070;}

.background {background-color:#684070;}

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

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, #0b070c is the darkest color, while #ffffff is the lightest one.

#0b070c
```
#0b070c rgb(11,7,12)
```
#170e19
```
#170e19 rgb(23,14,25)
```
#221525
```
#221525 rgb(34,21,37)
```
#2e1c32
```
#2e1c32 rgb(46,28,50)
```
#3a233e
```
#3a233e rgb(58,35,62)
```
#452b4b
```
#452b4b rgb(69,43,75)
```
#513257
```
#513257 rgb(81,50,87)
```
#5c3964
```
#5c3964 rgb(92,57,100)
```
#684070
```
#684070 rgb(104,64,112)
```
#74477c
```
#74477c rgb(116,71,124)
```
#7f4e89
```
#7f4e89 rgb(127,78,137)
```
#8b5595
```
#8b5595 rgb(139,85,149)
```
#965da2
```
#965da2 rgb(150,93,162)
```

Shade Color Variation

#9e69a9
```
#9e69a9 rgb(158,105,169)
```
#a775b0
```
#a775b0 rgb(167,117,176)
```
#af82b7
```
#af82b7 rgb(175,130,183)
```
#b78ebf
```
#b78ebf rgb(183,142,191)
```
#bf9bc6
```
#bf9bc6 rgb(191,155,198)
```
#c7a7cd
```
#c7a7cd rgb(199,167,205)
```
#cfb4d4
```
#cfb4d4 rgb(207,180,212)
```
#d7c0db
```
#d7c0db rgb(215,192,219)
```
#dfcde2
```
#dfcde2 rgb(223,205,226)
```
#e7d9e9
```
#e7d9e9 rgb(231,217,233)
```
#efe6f1
```
#efe6f1 rgb(239,230,241)
```
#f7f2f8
```
#f7f2f8 rgb(247,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5a545c
```
#5a545c rgb(90,84,92)
```
#5f4e62
```
#5f4e62 rgb(95,78,98)
```
#634769
```
#634769 rgb(99,71,105)
```
#684070
```
#684070 rgb(104,64,112)
```
#6d3977
```
#6d3977 rgb(109,57,119)
```
#71327e
```
#71327e rgb(113,50,126)
```
#762c84
```
#762c84 rgb(118,44,132)
```
#7a258b
```
#7a258b rgb(122,37,139)
```
#7f1e92
```
#7f1e92 rgb(127,30,146)
```
#831799
```
#831799 rgb(131,23,153)
```
#88119f
```
#88119f rgb(136,17,159)
```
#8c0aa6
```
#8c0aa6 rgb(140,10,166)
```
#9103ad
```
#9103ad rgb(145,3,173)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#564e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485680 Protanopia 1% of men
#4f5673 Deuteranopia 1% of men
#6a5157 Tritanopia 0.001% of the population

Trichromacy

#534e7a Protanomaly 1% of men, 0.01% of women
#584e72 Deuteranomaly 6% of men, 0.4% of women
#694b60 Tritanomaly 0.01% of the population

#684070 hex color

#684070 Color Information

#684070 Color Conversion

Color Schemes with #684070

Alternatives to #684070

#684070 Preview

Shades and Tints of #684070

Tones of #684070

Color Blindness Simulator