#684078 hex color

In a RGB color space, hex #684078 is composed of 40.8% red, 25.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 46.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 282.9 degrees, a saturation of 30.4% and a lightness of 36.1%. #684078 color hex could be obtained by blending #d080f0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 25
- B 47
RGB color chart
- C 13
- M 47
- Y 0
- K 53
CMYK color chart

● #684078 color description : Dark moderate violet.

The hexadecimal color #684078 has RGB values of R:104, G:64, B:120 and CMYK values of C:0.13, M:0.47, Y:0, K:0.53. Its decimal value is 6832248.

Hex triplet	684078	`#684078`
RGB Decimal	104, 64, 120	`rgb(104,64,120)`
RGB Percent	40.8, 25.1, 47.1	`rgb(40.8%,25.1%,47.1%)`
CMYK	13, 47, 0, 53
HSL	282.9°, 30.4, 36.1	`hsl(282.9,30.4%,36.1%)`
HSV (or HSB)	282.9°, 46.7, 47.1
Web Safe	663366	`#663366`

CIE-LAB	33.912, 28.02, -25.174
XYZ	10.932, 7.966, 18.73
xyY	0.291, 0.212, 7.966
CIE-LCH	33.912, 37.668, 318.062
CIE-LUV	33.912, 16.084, -37.096
Hunter-Lab	28.224, 19.745, -19.588
Binary	01101000, 01000000, 01111000

#684078
```
#684078 rgb(104,64,120)
```
#507840
```
#507840 rgb(80,120,64)
```

Complementary Color

#4c4078
```
#4c4078 rgb(76,64,120)
```
#684078
```
#684078 rgb(104,64,120)
```
#78406c
```
#78406c rgb(120,64,108)
```

Analogous Color

#40784c
```
#40784c rgb(64,120,76)
```
#684078
```
#684078 rgb(104,64,120)
```
#6c7840
```
#6c7840 rgb(108,120,64)
```

Split Complementary Color

#407868
```
#407868 rgb(64,120,104)
```
#684078
```
#684078 rgb(104,64,120)
```
#786840
```
#786840 rgb(120,104,64)
```

Triadic Color

#405078
```
#405078 rgb(64,80,120)
```
#684078
```
#684078 rgb(104,64,120)
```
#786840
```
#786840 rgb(120,104,64)
```
#507840
```
#507840 rgb(80,120,64)
```

Tetradic Color

#3d2546
```
#3d2546 rgb(61,37,70)
```
#4b2e57
```
#4b2e57 rgb(75,46,87)
```
#5a3767
```
#5a3767 rgb(90,55,103)
```
#684078
```
#684078 rgb(104,64,120)
```
#764989
```
#764989 rgb(118,73,137)
```
#855299
```
#855299 rgb(133,82,153)
```
#935ca8
```
#935ca8 rgb(147,92,168)
```

Monochromatic Color

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

#5a4078
```
#5a4078 rgb(90,64,120)
```
#5f4078
```
#5f4078 rgb(95,64,120)
```
#634078
```
#634078 rgb(99,64,120)
```
#684078
```
#684078 rgb(104,64,120)
```
#6d4078
```
#6d4078 rgb(109,64,120)
```
#714078
```
#714078 rgb(113,64,120)
```
#764078
```
#764078 rgb(118,64,120)
```

Similar Colors

Text with hexadecimal color #684078

This text has a font color of #684078.

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

#684078 background color

This paragraph has a background color of #684078.

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

#684078 border color

This element has a border color of #684078.

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

CSS codes

.text {color:#684078;}

.background {background-color:#684078;}

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

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)
```
#0f0912
```
#0f0912 rgb(15,9,18)
```
#1a101e
```
#1a101e rgb(26,16,30)
```
#25172b
```
#25172b rgb(37,23,43)
```
#311e38
```
#311e38 rgb(49,30,56)
```
#3c2545
```
#3c2545 rgb(60,37,69)
```
#472c52
```
#472c52 rgb(71,44,82)
```
#52325e
```
#52325e rgb(82,50,94)
```
#5d396b
```
#5d396b rgb(93,57,107)
```
#684078
```
#684078 rgb(104,64,120)
```
#734785
```
#734785 rgb(115,71,133)
```
#7e4e92
```
#7e4e92 rgb(126,78,146)
```
#89549e
```
#89549e rgb(137,84,158)
```

Shade Color Variation

#935ea9
```
#935ea9 rgb(147,94,169)
```
#9c6ab0
```
#9c6ab0 rgb(156,106,176)
```
#a477b7
```
#a477b7 rgb(164,119,183)
```
#ad84bd
```
#ad84bd rgb(173,132,189)
```
#b591c4
```
#b591c4 rgb(181,145,196)
```
#be9ecb
```
#be9ecb rgb(190,158,203)
```
#c7aad2
```
#c7aad2 rgb(199,170,210)
```
#cfb7d9
```
#cfb7d9 rgb(207,183,217)
```
#d8c4df
```
#d8c4df rgb(216,196,223)
```
#e0d1e6
```
#e0d1e6 rgb(224,209,230)
```
#e9dded
```
#e9dded rgb(233,221,237)
```
#f1eaf4
```
#f1eaf4 rgb(241,234,244)
```
#faf7fb
```
#faf7fb rgb(250,247,251)
```

Tint Color Variation

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

#5f5563
```
#5f5563 rgb(95,85,99)
```
#624e6a
```
#624e6a rgb(98,78,106)
```
#654771
```
#654771 rgb(101,71,113)
```
#684078
```
#684078 rgb(104,64,120)
```
#6b397f
```
#6b397f rgb(107,57,127)
```
#6e3286
```
#6e3286 rgb(110,50,134)
```
#712b8d
```
#712b8d rgb(113,43,141)
```
#742494
```
#742494 rgb(116,36,148)
```
#771d9b
```
#771d9b rgb(119,29,155)
```
#7a16a2
```
#7a16a2 rgb(122,22,162)
```
#7d0eaa
```
#7d0eaa rgb(125,14,170)
```
#8007b1
```
#8007b1 rgb(128,7,177)
```
#8300b8
```
#8300b8 rgb(131,0,184)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#564e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#435788 Protanopia 1% of men
#4b587a Deuteranopia 1% of men
#695358 Tritanopia 0.001% of the population

Trichromacy

#514e82 Protanomaly 1% of men, 0.01% of women
#554f79 Deuteranomaly 6% of men, 0.4% of women
#684c64 Tritanomaly 0.01% of the population

#684078 hex color

#684078 Color Information

#684078 Color Conversion

Color Schemes with #684078

Alternatives to #684078

#684078 Preview

Shades and Tints of #684078

Tones of #684078

Color Blindness Simulator