#684493 hex color

In a RGB color space, hex #684493 is composed of 40.8% red, 26.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 53.7% magenta, 0% yellow and 42.4% black. It has a hue angle of 267.3 degrees, a saturation of 36.7% and a lightness of 42.2%. #684493 color hex could be obtained by blending #d088ff with #000027. Closest websafe color is: #663399.

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

● #684493 color description : Dark moderate violet.

The hexadecimal color #684493 has RGB values of R:104, G:68, B:147 and CMYK values of C:0.29, M:0.54, Y:0, K:0.42. Its decimal value is 6833299.

Hex triplet	684493	`#684493`
RGB Decimal	104, 68, 147	`rgb(104,68,147)`
RGB Percent	40.8, 26.7, 57.6	`rgb(40.8%,26.7%,57.6%)`
CMYK	29, 54, 0, 42
HSL	267.3°, 36.7, 42.2	`hsl(267.3,36.7%,42.2%)`
HSV (or HSB)	267.3°, 53.7, 57.6
Web Safe	663399	`#663399`

CIE-LAB	36.336, 32.303, -37.981
XYZ	13.042, 9.184, 28.688
xyY	0.256, 0.18, 9.184
CIE-LCH	36.336, 49.861, 310.381
CIE-LUV	36.336, 10.58, -56.391
Hunter-Lab	30.305, 23.783, -34.912
Binary	01101000, 01000100, 10010011

#684493
```
#684493 rgb(104,68,147)
```
#6f9344
```
#6f9344 rgb(111,147,68)
```

Complementary Color

#444893
```
#444893 rgb(68,72,147)
```
#684493
```
#684493 rgb(104,68,147)
```
#904493
```
#904493 rgb(144,68,147)
```

Analogous Color

#489344
```
#489344 rgb(72,147,68)
```
#684493
```
#684493 rgb(104,68,147)
```
#939044
```
#939044 rgb(147,144,68)
```

Split Complementary Color

#449368
```
#449368 rgb(68,147,104)
```
#684493
```
#684493 rgb(104,68,147)
```
#936844
```
#936844 rgb(147,104,68)
```

Triadic Color

#446f93
```
#446f93 rgb(68,111,147)
```
#684493
```
#684493 rgb(104,68,147)
```
#936844
```
#936844 rgb(147,104,68)
```
#6f9344
```
#6f9344 rgb(111,147,68)
```

Tetradic Color

#432c5f
```
#432c5f rgb(67,44,95)
```
#4f3470
```
#4f3470 rgb(79,52,112)
```
#5c3c82
```
#5c3c82 rgb(92,60,130)
```
#684493
```
#684493 rgb(104,68,147)
```
#744ca4
```
#744ca4 rgb(116,76,164)
```
#8158b2
```
#8158b2 rgb(129,88,178)
```
#8e6aba
```
#8e6aba rgb(142,106,186)
```

Monochromatic Color

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

#544493
```
#544493 rgb(84,68,147)
```
#5b4493
```
#5b4493 rgb(91,68,147)
```
#614493
```
#614493 rgb(97,68,147)
```
#684493
```
#684493 rgb(104,68,147)
```
#6f4493
```
#6f4493 rgb(111,68,147)
```
#754493
```
#754493 rgb(117,68,147)
```
#7c4493
```
#7c4493 rgb(124,68,147)
```

Similar Colors

Text with hexadecimal color #684493

This text has a font color of #684493.

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

#684493 background color

This paragraph has a background color of #684493.

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

#684493 border color

This element has a border color of #684493.

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

CSS codes

.text {color:#684493;}

.background {background-color:#684493;}

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

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)
```
#261935
```
#261935 rgb(38,25,53)
```
#2f1f43
```
#2f1f43 rgb(47,31,67)
```
#392550
```
#392550 rgb(57,37,80)
```
#422b5d
```
#422b5d rgb(66,43,93)
```
#4c316b
```
#4c316b rgb(76,49,107)
```
#553878
```
#553878 rgb(85,56,120)
```
#5f3e86
```
#5f3e86 rgb(95,62,134)
```
#684493
```
#684493 rgb(104,68,147)
```
#714aa0
```
#714aa0 rgb(113,74,160)
```
#7b50ae
```
#7b50ae rgb(123,80,174)
```

Shade Color Variation

#855eb4
```
#855eb4 rgb(133,94,180)
```
#8f6bbb
```
#8f6bbb rgb(143,107,187)
```
#9978c1
```
#9978c1 rgb(153,120,193)
```
#a386c7
```
#a386c7 rgb(163,134,199)
```
#ae93cd
```
#ae93cd rgb(174,147,205)
```
#b8a1d3
```
#b8a1d3 rgb(184,161,211)
```
#c2aeda
```
#c2aeda rgb(194,174,218)
```
#ccbbe0
```
#ccbbe0 rgb(204,187,224)
```
#d6c9e6
```
#d6c9e6 rgb(214,201,230)
```
#e0d6ec
```
#e0d6ec rgb(224,214,236)
```
#eae4f2
```
#eae4f2 rgb(234,228,242)
```
#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, #6b6572 is the less saturated color, while #6202d5 is the most saturated one.

#6b6572
```
#6b6572 rgb(107,101,114)
```
#6a5d7a
```
#6a5d7a rgb(106,93,122)
```
#695582
```
#695582 rgb(105,85,130)
```
#694c8b
```
#694c8b rgb(105,76,139)
```
#684493
```
#684493 rgb(104,68,147)
```
#673c9b
```
#673c9b rgb(103,60,155)
```
#6733a4
```
#6733a4 rgb(103,51,164)
```
#662bac
```
#662bac rgb(102,43,172)
```
#6523b4
```
#6523b4 rgb(101,35,180)
```
#641bbc
```
#641bbc rgb(100,27,188)
```
#6412c5
```
#6412c5 rgb(100,18,197)
```
#630acd
```
#630acd rgb(99,10,205)
```
#6202d5
```
#6202d5 rgb(98,2,213)
```

Tone Color Variation

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

#345ba4 Protanopia 1% of men
#3b5e92 Deuteranopia 1% of men
#635c62 Tritanopia 0.001% of the population

Trichromacy

#47539e Protanomaly 1% of men, 0.01% of women
#4b5492 Deuteranomaly 6% of men, 0.4% of women
#655374 Tritanomaly 0.01% of the population

#684493 hex color

#684493 Color Information

#684493 Color Conversion

Color Schemes with #684493

Alternatives to #684493

#684493 Preview

Shades and Tints of #684493

Tones of #684493

Color Blindness Simulator