#684494 hex color

In a RGB color space, hex #684494 is composed of 40.8% red, 26.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 54.1% magenta, 0% yellow and 42% black. It has a hue angle of 267 degrees, a saturation of 37% and a lightness of 42.4%. #684494 color hex could be obtained by blending #d088ff with #000029. Closest websafe color is: #663399.

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

● #684494 color description : Dark moderate violet.

The hexadecimal color #684494 has RGB values of R:104, G:68, B:148 and CMYK values of C:0.3, M:0.54, Y:0, K:0.42. Its decimal value is 6833300.

Hex triplet	684494	`#684494`
RGB Decimal	104, 68, 148	`rgb(104,68,148)`
RGB Percent	40.8, 26.7, 58	`rgb(40.8%,26.7%,58%)`
CMYK	30, 54, 0, 42
HSL	267°, 37, 42.4	`hsl(267,37%,42.4%)`
HSV (or HSB)	267°, 54.1, 58
Web Safe	663399	`#663399`

CIE-LAB	36.396, 32.564, -38.494
XYZ	13.12, 9.216, 29.103
xyY	0.255, 0.179, 9.216
CIE-LCH	36.396, 50.42, 310.23
CIE-LUV	36.396, 10.438, -57.164
Hunter-Lab	30.357, 24.024, -35.591
Binary	01101000, 01000100, 10010100

#684494
```
#684494 rgb(104,68,148)
```
#709444
```
#709444 rgb(112,148,68)
```

Complementary Color

#444894
```
#444894 rgb(68,72,148)
```
#684494
```
#684494 rgb(104,68,148)
```
#904494
```
#904494 rgb(144,68,148)
```

Analogous Color

#489444
```
#489444 rgb(72,148,68)
```
#684494
```
#684494 rgb(104,68,148)
```
#949044
```
#949044 rgb(148,144,68)
```

Split Complementary Color

#449468
```
#449468 rgb(68,148,104)
```
#684494
```
#684494 rgb(104,68,148)
```
#946844
```
#946844 rgb(148,104,68)
```

Triadic Color

#447094
```
#447094 rgb(68,112,148)
```
#684494
```
#684494 rgb(104,68,148)
```
#946844
```
#946844 rgb(148,104,68)
```
#709444
```
#709444 rgb(112,148,68)
```

Tetradic Color

#432c60
```
#432c60 rgb(67,44,96)
```
#4f3471
```
#4f3471 rgb(79,52,113)
```
#5c3c83
```
#5c3c83 rgb(92,60,131)
```
#684494
```
#684494 rgb(104,68,148)
```
#744ca5
```
#744ca5 rgb(116,76,165)
```
#8159b3
```
#8159b3 rgb(129,89,179)
```
#8e6abb
```
#8e6abb rgb(142,106,187)
```

Monochromatic Color

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

#544494
```
#544494 rgb(84,68,148)
```
#5b4494
```
#5b4494 rgb(91,68,148)
```
#614494
```
#614494 rgb(97,68,148)
```
#684494
```
#684494 rgb(104,68,148)
```
#6f4494
```
#6f4494 rgb(111,68,148)
```
#754494
```
#754494 rgb(117,68,148)
```
#7c4494
```
#7c4494 rgb(124,68,148)
```

Similar Colors

Text with hexadecimal color #684494

This text has a font color of #684494.

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

#684494 background color

This paragraph has a background color of #684494.

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

#684494 border color

This element has a border color of #684494.

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

CSS codes

.text {color:#684494;}

.background {background-color:#684494;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a060e
```
#0a060e rgb(10,6,14)
```
#130c1b
```
#130c1b rgb(19,12,27)
```
#1c1328
```
#1c1328 rgb(28,19,40)
```
#261936
```
#261936 rgb(38,25,54)
```
#2f1f43
```
#2f1f43 rgb(47,31,67)
```
#392551
```
#392551 rgb(57,37,81)
```
#422b5e
```
#422b5e rgb(66,43,94)
```
#4c316c
```
#4c316c rgb(76,49,108)
```
#553879
```
#553879 rgb(85,56,121)
```
#5f3e87
```
#5f3e87 rgb(95,62,135)
```
#684494
```
#684494 rgb(104,68,148)
```
#714aa1
```
#714aa1 rgb(113,74,161)
```

Shade Color Variation

#7b50af
```
#7b50af rgb(123,80,175)
```
#855eb5
```
#855eb5 rgb(133,94,181)
```
#8f6bbb
```
#8f6bbb rgb(143,107,187)
```
#9979c1
```
#9979c1 rgb(153,121,193)
```
#a486c7
```
#a486c7 rgb(164,134,199)
```
#ae94ce
```
#ae94ce rgb(174,148,206)
```
#b8a1d4
```
#b8a1d4 rgb(184,161,212)
```
#c2afda
```
#c2afda rgb(194,175,218)
```
#ccbce0
```
#ccbce0 rgb(204,188,224)
```
#d6c9e6
```
#d6c9e6 rgb(214,201,230)
```
#e1d7ed
```
#e1d7ed rgb(225,215,237)
```
#ebe4f3
```
#ebe4f3 rgb(235,228,243)
```
#f5f2f9
```
#f5f2f9 rgb(245,242,249)
```

Tint Color Variation

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

#6b6573
```
#6b6573 rgb(107,101,115)
```
#6a5d7b
```
#6a5d7b rgb(106,93,123)
```
#6a5583
```
#6a5583 rgb(106,85,131)
```
#694c8c
```
#694c8c rgb(105,76,140)
```
#684494
```
#684494 rgb(104,68,148)
```
#673c9c
```
#673c9c rgb(103,60,156)
```
#6633a5
```
#6633a5 rgb(102,51,165)
```
#662bad
```
#662bad rgb(102,43,173)
```
#6523b5
```
#6523b5 rgb(101,35,181)
```
#641abe
```
#641abe rgb(100,26,190)
```
#6312c6
```
#6312c6 rgb(99,18,198)
```
#620ace
```
#620ace rgb(98,10,206)
```
#6102d6
```
#6102d6 rgb(97,2,214)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5b5464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#335ca5 Protanopia 1% of men
#395e93 Deuteranopia 1% of men
#635c62 Tritanopia 0.001% of the population

Trichromacy

#46539f Protanomaly 1% of men, 0.01% of women
#4a5593 Deuteranomaly 6% of men, 0.4% of women
#655374 Tritanomaly 0.01% of the population

#684494 hex color

#684494 Color Information

#684494 Color Conversion

Color Schemes with #684494

Alternatives to #684494

#684494 Preview

Shades and Tints of #684494

Tones of #684494

Color Blindness Simulator