#684394 hex color

In a RGB color space, hex #684394 is composed of 40.8% red, 26.3% green and 58% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 54.7% magenta, 0% yellow and 42% black. It has a hue angle of 267.4 degrees, a saturation of 37.7% and a lightness of 42.2%. #684394 color hex could be obtained by blending #d086ff with #000029. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 26
- B 58
RGB color chart
- C 30
- M 55
- Y 0
- K 42
CMYK color chart

● #684394 color description : Dark moderate violet.

The hexadecimal color #684394 has RGB values of R:104, G:67, B:148 and CMYK values of C:0.3, M:0.55, Y:0, K:0.42. Its decimal value is 6833044.

Hex triplet	684394	`#684394`
RGB Decimal	104, 67, 148	`rgb(104,67,148)`
RGB Percent	40.8, 26.3, 58	`rgb(40.8%,26.3%,58%)`
CMYK	30, 55, 0, 42
HSL	267.4°, 37.7, 42.2	`hsl(267.4,37.7%,42.2%)`
HSV (or HSB)	267.4°, 54.7, 58
Web Safe	663399	`#663399`

CIE-LAB	36.168, 33.154, -38.858
XYZ	13.061, 9.096, 29.083
xyY	0.255, 0.178, 9.096
CIE-LCH	36.168, 51.079, 310.471
CIE-LUV	36.168, 10.734, -57.625
Hunter-Lab	30.159, 24.523, -36.063
Binary	01101000, 01000011, 10010100

#684394
```
#684394 rgb(104,67,148)
```
#6f9443
```
#6f9443 rgb(111,148,67)
```

Complementary Color

#434794
```
#434794 rgb(67,71,148)
```
#684394
```
#684394 rgb(104,67,148)
```
#914394
```
#914394 rgb(145,67,148)
```

Analogous Color

#479443
```
#479443 rgb(71,148,67)
```
#684394
```
#684394 rgb(104,67,148)
```
#949143
```
#949143 rgb(148,145,67)
```

Split Complementary Color

#439468
```
#439468 rgb(67,148,104)
```
#684394
```
#684394 rgb(104,67,148)
```
#946843
```
#946843 rgb(148,104,67)
```

Triadic Color

#436f94
```
#436f94 rgb(67,111,148)
```
#684394
```
#684394 rgb(104,67,148)
```
#946843
```
#946843 rgb(148,104,67)
```
#6f9443
```
#6f9443 rgb(111,148,67)
```

Tetradic Color

#432b5f
```
#432b5f rgb(67,43,95)
```
#4f3371
```
#4f3371 rgb(79,51,113)
```
#5c3b82
```
#5c3b82 rgb(92,59,130)
```
#684394
```
#684394 rgb(104,67,148)
```
#744ba6
```
#744ba6 rgb(116,75,166)
```
#8157b3
```
#8157b3 rgb(129,87,179)
```
#8e69bb
```
#8e69bb rgb(142,105,187)
```

Monochromatic Color

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

#544394
```
#544394 rgb(84,67,148)
```
#5b4394
```
#5b4394 rgb(91,67,148)
```
#614394
```
#614394 rgb(97,67,148)
```
#684394
```
#684394 rgb(104,67,148)
```
#6f4394
```
#6f4394 rgb(111,67,148)
```
#764394
```
#764394 rgb(118,67,148)
```
#7c4394
```
#7c4394 rgb(124,67,148)
```

Similar Colors

Text with hexadecimal color #684394

This text has a font color of #684394.

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

#684394 background color

This paragraph has a background color of #684394.

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

#684394 border color

This element has a border color of #684394.

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

CSS codes

.text {color:#684394;}

.background {background-color:#684394;}

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

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, #09060d is the darkest color, while #fffeff is the lightest one.

#09060d
```
#09060d rgb(9,6,13)
```
#130c1a
```
#130c1a rgb(19,12,26)
```
#1c1228
```
#1c1228 rgb(28,18,40)
```
#261835
```
#261835 rgb(38,24,53)
```
#2f1e43
```
#2f1e43 rgb(47,30,67)
```
#392450
```
#392450 rgb(57,36,80)
```
#422b5e
```
#422b5e rgb(66,43,94)
```
#4c316b
```
#4c316b rgb(76,49,107)
```
#553779
```
#553779 rgb(85,55,121)
```
#5f3d86
```
#5f3d86 rgb(95,61,134)
```
#684394
```
#684394 rgb(104,67,148)
```
#7149a2
```
#7149a2 rgb(113,73,162)
```
#7b4faf
```
#7b4faf rgb(123,79,175)
```

Shade Color Variation

#855cb5
```
#855cb5 rgb(133,92,181)
```
#8f6abc
```
#8f6abc rgb(143,106,188)
```
#9977c2
```
#9977c2 rgb(153,119,194)
```
#a385c8
```
#a385c8 rgb(163,133,200)
```
#ae92ce
```
#ae92ce rgb(174,146,206)
```
#b8a0d4
```
#b8a0d4 rgb(184,160,212)
```
#c2adda
```
#c2adda rgb(194,173,218)
```
#ccbbe0
```
#ccbbe0 rgb(204,187,224)
```
#d6c8e6
```
#d6c8e6 rgb(214,200,230)
```
#e0d6ec
```
#e0d6ec rgb(224,214,236)
```
#eae3f3
```
#eae3f3 rgb(234,227,243)
```
#f4f1f9
```
#f4f1f9 rgb(244,241,249)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6473 is the less saturated color, while #6201d6 is the most saturated one.

#6b6473
```
#6b6473 rgb(107,100,115)
```
#6a5c7b
```
#6a5c7b rgb(106,92,123)
```
#695483
```
#695483 rgb(105,84,131)
```
#694b8c
```
#694b8c rgb(105,75,140)
```
#684394
```
#684394 rgb(104,67,148)
```
#673b9c
```
#673b9c rgb(103,59,156)
```
#6732a5
```
#6732a5 rgb(103,50,165)
```
#662aad
```
#662aad rgb(102,42,173)
```
#6522b5
```
#6522b5 rgb(101,34,181)
```
#641abd
```
#641abd rgb(100,26,189)
```
#6411c6
```
#6411c6 rgb(100,17,198)
```
#6309ce
```
#6309ce rgb(99,9,206)
```
#6201d6
```
#6201d6 rgb(98,1,214)
```

Tone Color Variation

Below, you can see how #684394 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
#5a5363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#315ba5 Protanopia 1% of men
#385e93 Deuteranopia 1% of men
#635b62 Tritanopia 0.001% of the population

Trichromacy

#45529f Protanomaly 1% of men, 0.01% of women
#495493 Deuteranomaly 6% of men, 0.4% of women
#655274 Tritanomaly 0.01% of the population

#684394 hex color

#684394 Color Information

#684394 Color Conversion

Color Schemes with #684394

Alternatives to #684394

#684394 Preview

Shades and Tints of #684394

Tones of #684394

Color Blindness Simulator