#684580 hex color

In a RGB color space, hex #684580 is composed of 40.8% red, 27.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 46.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 275.6 degrees, a saturation of 29.9% and a lightness of 38.6%. #684580 color hex could be obtained by blending #d08aff with #000001. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 27
- B 50
RGB color chart
- C 19
- M 46
- Y 0
- K 50
CMYK color chart

● #684580 color description : Dark moderate violet.

The hexadecimal color #684580 has RGB values of R:104, G:69, B:128 and CMYK values of C:0.19, M:0.46, Y:0, K:0.5. Its decimal value is 6833536.

Hex triplet	684580	`#684580`
RGB Decimal	104, 69, 128	`rgb(104,69,128)`
RGB Percent	40.8, 27.1, 50.2	`rgb(40.8%,27.1%,50.2%)`
CMYK	19, 46, 0, 50
HSL	275.6°, 29.9, 38.6	`hsl(275.6,29.9%,38.6%)`
HSV (or HSB)	275.6°, 46.1, 50.2
Web Safe	663399	`#663399`

CIE-LAB	35.514, 26.913, -27.634
XYZ	11.733, 8.758, 21.493
xyY	0.279, 0.209, 8.758
CIE-LCH	35.514, 38.574, 314.243
CIE-LUV	35.514, 13.039, -40.915
Hunter-Lab	29.594, 18.978, -22.345
Binary	01101000, 01000101, 10000000

#684580
```
#684580 rgb(104,69,128)
```
#5d8045
```
#5d8045 rgb(93,128,69)
```

Complementary Color

#4a4580
```
#4a4580 rgb(74,69,128)
```
#684580
```
#684580 rgb(104,69,128)
```
#80457b
```
#80457b rgb(128,69,123)
```

Analogous Color

#45804a
```
#45804a rgb(69,128,74)
```
#684580
```
#684580 rgb(104,69,128)
```
#7b8045
```
#7b8045 rgb(123,128,69)
```

Split Complementary Color

#458068
```
#458068 rgb(69,128,104)
```
#684580
```
#684580 rgb(104,69,128)
```
#806845
```
#806845 rgb(128,104,69)
```

Triadic Color

#455d80
```
#455d80 rgb(69,93,128)
```
#684580
```
#684580 rgb(104,69,128)
```
#806845
```
#806845 rgb(128,104,69)
```
#5d8045
```
#5d8045 rgb(93,128,69)
```

Tetradic Color

#402a4e
```
#402a4e rgb(64,42,78)
```
#4d335f
```
#4d335f rgb(77,51,95)
```
#5b3c6f
```
#5b3c6f rgb(91,60,111)
```
#684580
```
#684580 rgb(104,69,128)
```
#754e91
```
#754e91 rgb(117,78,145)
```
#8357a1
```
#8357a1 rgb(131,87,161)
```
#8f65ac
```
#8f65ac rgb(143,101,172)
```

Monochromatic Color

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

#594580
```
#594580 rgb(89,69,128)
```
#5e4580
```
#5e4580 rgb(94,69,128)
```
#634580
```
#634580 rgb(99,69,128)
```
#684580
```
#684580 rgb(104,69,128)
```
#6d4580
```
#6d4580 rgb(109,69,128)
```
#724580
```
#724580 rgb(114,69,128)
```
#774580
```
#774580 rgb(119,69,128)
```

Similar Colors

Text with hexadecimal color #684580

This text has a font color of #684580.

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

#684580 background color

This paragraph has a background color of #684580.

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

#684580 border color

This element has a border color of #684580.

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

CSS codes

.text {color:#684580;}

.background {background-color:#684580;}

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

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, #000001 is the darkest color, while #f6f3f8 is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#0b070d
```
#0b070d rgb(11,7,13)
```
#150e1a
```
#150e1a rgb(21,14,26)
```
#201527
```
#201527 rgb(32,21,39)
```
#2a1c34
```
#2a1c34 rgb(42,28,52)
```
#342340
```
#342340 rgb(52,35,64)
```
#3f2a4d
```
#3f2a4d rgb(63,42,77)
```
#49305a
```
#49305a rgb(73,48,90)
```
#533767
```
#533767 rgb(83,55,103)
```
#5e3e73
```
#5e3e73 rgb(94,62,115)
```
#684580
```
#684580 rgb(104,69,128)
```
#724c8d
```
#724c8d rgb(114,76,141)
```
#7d5399
```
#7d5399 rgb(125,83,153)
```

Shade Color Variation

#875aa6
```
#875aa6 rgb(135,90,166)
```
#9067ad
```
#9067ad rgb(144,103,173)
```
#9a73b4
```
#9a73b4 rgb(154,115,180)
```
#a380bb
```
#a380bb rgb(163,128,187)
```
#ac8dc1
```
#ac8dc1 rgb(172,141,193)
```
#b59ac8
```
#b59ac8 rgb(181,154,200)
```
#bfa6cf
```
#bfa6cf rgb(191,166,207)
```
#c8b3d6
```
#c8b3d6 rgb(200,179,214)
```
#d1c0dd
```
#d1c0dd rgb(209,192,221)
```
#dacde4
```
#dacde4 rgb(218,205,228)
```
#e4d9eb
```
#e4d9eb rgb(228,217,235)
```
#ede6f2
```
#ede6f2 rgb(237,230,242)
```
#f6f3f8
```
#f6f3f8 rgb(246,243,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #645c69 is the less saturated color, while #7501c4 is the most saturated one.

#645c69
```
#645c69 rgb(100,92,105)
```
#655471
```
#655471 rgb(101,84,113)
```
#674d78
```
#674d78 rgb(103,77,120)
```
#684580
```
#684580 rgb(104,69,128)
```
#693d88
```
#693d88 rgb(105,61,136)
```
#6b368f
```
#6b368f rgb(107,54,143)
```
#6c2e97
```
#6c2e97 rgb(108,46,151)
```
#6e279e
```
#6e279e rgb(110,39,158)
```
#6f1fa6
```
#6f1fa6 rgb(111,31,166)
```
#7018ad
```
#7018ad rgb(112,24,173)
```
#7210b5
```
#7210b5 rgb(114,16,181)
```
#7308bd
```
#7308bd rgb(115,8,189)
```
#7501c4
```
#7501c4 rgb(117,1,196)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#5a535e Atypical Achromatopsia 0.001% of the population

Dichromacy

#455a8f Protanopia 1% of men
#4b5b82 Deuteranopia 1% of men
#68585e Tritanopia 0.001% of the population

Trichromacy

#525289 Protanomaly 1% of men, 0.01% of women
#555381 Deuteranomaly 6% of men, 0.4% of women
#68516a Tritanomaly 0.01% of the population

#684580 hex color

#684580 Color Information

#684580 Color Conversion

Color Schemes with #684580

Alternatives to #684580

#684580 Preview

Shades and Tints of #684580

Tones of #684580

Color Blindness Simulator