#684585 hex color

In a RGB color space, hex #684585 is composed of 40.8% red, 27.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 48.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 272.8 degrees, a saturation of 31.7% and a lightness of 39.6%. #684585 color hex could be obtained by blending #d08aff with #00000b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 27
- B 52
RGB color chart
- C 22
- M 48
- Y 0
- K 48
CMYK color chart

● #684585 color description : Dark moderate violet.

The hexadecimal color #684585 has RGB values of R:104, G:69, B:133 and CMYK values of C:0.22, M:0.48, Y:0, K:0.48. Its decimal value is 6833541.

Hex triplet	684585	`#684585`
RGB Decimal	104, 69, 133	`rgb(104,69,133)`
RGB Percent	40.8, 27.1, 52.2	`rgb(40.8%,27.1%,52.2%)`
CMYK	22, 48, 0, 48
HSL	272.8°, 31.7, 39.6	`hsl(272.8,31.7%,39.6%)`
HSV (or HSB)	272.8°, 48.1, 52.2
Web Safe	663399	`#663399`

CIE-LAB	35.777, 28.142, -30.304
XYZ	12.07, 8.893, 23.27
xyY	0.273, 0.201, 8.893
CIE-LCH	35.777, 41.355, 312.881
CIE-LUV	35.777, 12.295, -44.904
Hunter-Lab	29.821, 20.061, -25.39
Binary	01101000, 01000101, 10000101

#684585
```
#684585 rgb(104,69,133)
```
#628545
```
#628545 rgb(98,133,69)
```

Complementary Color

#484585
```
#484585 rgb(72,69,133)
```
#684585
```
#684585 rgb(104,69,133)
```
#854582
```
#854582 rgb(133,69,130)
```

Analogous Color

#458548
```
#458548 rgb(69,133,72)
```
#684585
```
#684585 rgb(104,69,133)
```
#828545
```
#828545 rgb(130,133,69)
```

Split Complementary Color

#458568
```
#458568 rgb(69,133,104)
```
#684585
```
#684585 rgb(104,69,133)
```
#856845
```
#856845 rgb(133,104,69)
```

Triadic Color

#456285
```
#456285 rgb(69,98,133)
```
#684585
```
#684585 rgb(104,69,133)
```
#856845
```
#856845 rgb(133,104,69)
```
#628545
```
#628545 rgb(98,133,69)
```

Tetradic Color

#412b53
```
#412b53 rgb(65,43,83)
```
#4e3463
```
#4e3463 rgb(78,52,99)
```
#5b3c74
```
#5b3c74 rgb(91,60,116)
```
#684585
```
#684585 rgb(104,69,133)
```
#754e96
```
#754e96 rgb(117,78,150)
```
#8256a7
```
#8256a7 rgb(130,86,167)
```
#8f67b0
```
#8f67b0 rgb(143,103,176)
```

Monochromatic Color

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

#584585
```
#584585 rgb(88,69,133)
```
#5d4585
```
#5d4585 rgb(93,69,133)
```
#634585
```
#634585 rgb(99,69,133)
```
#684585
```
#684585 rgb(104,69,133)
```
#6d4585
```
#6d4585 rgb(109,69,133)
```
#734585
```
#734585 rgb(115,69,133)
```
#784585
```
#784585 rgb(120,69,133)
```

Similar Colors

Text with hexadecimal color #684585

This text has a font color of #684585.

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

#684585 background color

This paragraph has a background color of #684585.

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

#684585 border color

This element has a border color of #684585.

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

CSS codes

.text {color:#684585;}

.background {background-color:#684585;}

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0d0911
```
#0d0911 rgb(13,9,17)
```
#170f1e
```
#170f1e rgb(23,15,30)
```
#21162b
```
#21162b rgb(33,22,43)
```
#2b1d38
```
#2b1d38 rgb(43,29,56)
```
#362344
```
#362344 rgb(54,35,68)
```
#402a51
```
#402a51 rgb(64,42,81)
```
#4a315e
```
#4a315e rgb(74,49,94)
```
#54386b
```
#54386b rgb(84,56,107)
```
#5e3e78
```
#5e3e78 rgb(94,62,120)
```
#684585
```
#684585 rgb(104,69,133)
```
#724c92
```
#724c92 rgb(114,76,146)
```
#7c529f
```
#7c529f rgb(124,82,159)
```

Shade Color Variation

#865baa
```
#865baa rgb(134,91,170)
```
#9068b1
```
#9068b1 rgb(144,104,177)
```
#9975b7
```
#9975b7 rgb(153,117,183)
```
#a382be
```
#a382be rgb(163,130,190)
```
#ac8fc5
```
#ac8fc5 rgb(172,143,197)
```
#b69ccb
```
#b69ccb rgb(182,156,203)
```
#bfa8d2
```
#bfa8d2 rgb(191,168,210)
```
#c9b5d9
```
#c9b5d9 rgb(201,181,217)
```
#d2c2df
```
#d2c2df rgb(210,194,223)
```
#dccfe6
```
#dccfe6 rgb(220,207,230)
```
#e5dced
```
#e5dced rgb(229,220,237)
```
#efe9f4
```
#efe9f4 rgb(239,233,244)
```
#f8f6fa
```
#f8f6fa rgb(248,246,250)
```

Tint Color Variation

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

#656466
```
#656466 rgb(101,100,102)
```
#665c6e
```
#665c6e rgb(102,92,110)
```
#675575
```
#675575 rgb(103,85,117)
```
#674d7d
```
#674d7d rgb(103,77,125)
```
#684585
```
#684585 rgb(104,69,133)
```
#693d8d
```
#693d8d rgb(105,61,141)
```
#693595
```
#693595 rgb(105,53,149)
```
#6a2e9c
```
#6a2e9c rgb(106,46,156)
```
#6b26a4
```
#6b26a4 rgb(107,38,164)
```
#6c1eac
```
#6c1eac rgb(108,30,172)
```
#6c16b4
```
#6c16b4 rgb(108,22,180)
```
#6d0fbb
```
#6d0fbb rgb(109,15,187)
```
#6e07c3
```
#6e07c3 rgb(110,7,195)
```

Tone Color Variation

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

Dichromacy

#425b95 Protanopia 1% of men
#485c86 Deuteranopia 1% of men
#67595f Tritanopia 0.001% of the population

Trichromacy

#50538f Protanomaly 1% of men, 0.01% of women
#535485 Deuteranomaly 6% of men, 0.4% of women
#67516d Tritanomaly 0.01% of the population

#684585 hex color

#684585 Color Information

#684585 Color Conversion

Color Schemes with #684585

Alternatives to #684585

#684585 Preview

Shades and Tints of #684585

Tones of #684585

Color Blindness Simulator