#684482 hex color

In a RGB color space, hex #684482 is composed of 40.8% red, 26.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 47.7% magenta, 0% yellow and 49% black. It has a hue angle of 274.8 degrees, a saturation of 31.3% and a lightness of 38.8%. #684482 color hex could be obtained by blending #d088ff with #000005. Closest websafe color is: #663399.

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

● #684482 color description : Dark moderate violet.

The hexadecimal color #684482 has RGB values of R:104, G:68, B:130 and CMYK values of C:0.2, M:0.48, Y:0, K:0.49. Its decimal value is 6833282.

Hex triplet	684482	`#684482`
RGB Decimal	104, 68, 130	`rgb(104,68,130)`
RGB Percent	40.8, 26.7, 51	`rgb(40.8%,26.7%,51%)`
CMYK	20, 48, 0, 49
HSL	274.8°, 31.3, 38.8	`hsl(274.8,31.3%,38.8%)`
HSV (or HSB)	274.8°, 47.7, 51
Web Safe	663399	`#663399`

CIE-LAB	35.379, 28.004, -29.082
XYZ	11.805, 8.689, 22.173
xyY	0.277, 0.204, 8.689
CIE-LCH	35.379, 40.373, 313.918
CIE-LUV	35.379, 13.086, -43.028
Hunter-Lab	29.477, 19.898, -23.964
Binary	01101000, 01000100, 10000010

#684482
```
#684482 rgb(104,68,130)
```
#5e8244
```
#5e8244 rgb(94,130,68)
```

Complementary Color

#494482
```
#494482 rgb(73,68,130)
```
#684482
```
#684482 rgb(104,68,130)
```
#82447d
```
#82447d rgb(130,68,125)
```

Analogous Color

#448249
```
#448249 rgb(68,130,73)
```
#684482
```
#684482 rgb(104,68,130)
```
#7d8244
```
#7d8244 rgb(125,130,68)
```

Split Complementary Color

#448268
```
#448268 rgb(68,130,104)
```
#684482
```
#684482 rgb(104,68,130)
```
#826844
```
#826844 rgb(130,104,68)
```

Triadic Color

#445e82
```
#445e82 rgb(68,94,130)
```
#684482
```
#684482 rgb(104,68,130)
```
#826844
```
#826844 rgb(130,104,68)
```
#5e8244
```
#5e8244 rgb(94,130,68)
```

Tetradic Color

#402a50
```
#402a50 rgb(64,42,80)
```
#4d3261
```
#4d3261 rgb(77,50,97)
```
#5b3b71
```
#5b3b71 rgb(91,59,113)
```
#684482
```
#684482 rgb(104,68,130)
```
#754d93
```
#754d93 rgb(117,77,147)
```
#8356a3
```
#8356a3 rgb(131,86,163)
```
#8f64ae
```
#8f64ae rgb(143,100,174)
```

Monochromatic Color

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

#594482
```
#594482 rgb(89,68,130)
```
#5e4482
```
#5e4482 rgb(94,68,130)
```
#634482
```
#634482 rgb(99,68,130)
```
#684482
```
#684482 rgb(104,68,130)
```
#6d4482
```
#6d4482 rgb(109,68,130)
```
#724482
```
#724482 rgb(114,68,130)
```
#784482
```
#784482 rgb(120,68,130)
```

Similar Colors

Text with hexadecimal color #684482

This text has a font color of #684482.

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

#684482 background color

This paragraph has a background color of #684482.

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

#684482 border color

This element has a border color of #684482.

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

CSS codes

.text {color:#684482;}

.background {background-color:#684482;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b070e
```
#0b070e rgb(11,7,14)
```
#160e1b
```
#160e1b rgb(22,14,27)
```
#201528
```
#201528 rgb(32,21,40)
```
#2a1c35
```
#2a1c35 rgb(42,28,53)
```
#342242
```
#342242 rgb(52,34,66)
```
#3f294e
```
#3f294e rgb(63,41,78)
```
#49305b
```
#49305b rgb(73,48,91)
```
#533768
```
#533768 rgb(83,55,104)
```
#5e3d75
```
#5e3d75 rgb(94,61,117)
```
#684482
```
#684482 rgb(104,68,130)
```
#724b8f
```
#724b8f rgb(114,75,143)
```
#7d519c
```
#7d519c rgb(125,81,156)
```

Shade Color Variation

#8759a8
```
#8759a8 rgb(135,89,168)
```
#9066af
```
#9066af rgb(144,102,175)
```
#9973b6
```
#9973b6 rgb(153,115,182)
```
#a37fbc
```
#a37fbc rgb(163,127,188)
```
#ac8cc3
```
#ac8cc3 rgb(172,140,195)
```
#b599ca
```
#b599ca rgb(181,153,202)
```
#bfa6d0
```
#bfa6d0 rgb(191,166,208)
```
#c8b3d7
```
#c8b3d7 rgb(200,179,215)
```
#d1c0de
```
#d1c0de rgb(209,192,222)
```
#dbcde5
```
#dbcde5 rgb(219,205,229)
```
#e4daeb
```
#e4daeb rgb(228,218,235)
```
#ede6f2
```
#ede6f2 rgb(237,230,242)
```
#f7f3f9
```
#f7f3f9 rgb(247,243,249)
```

Tint Color Variation

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

#636264
```
#636264 rgb(99,98,100)
```
#645b6b
```
#645b6b rgb(100,91,107)
```
#665373
```
#665373 rgb(102,83,115)
```
#674c7a
```
#674c7a rgb(103,76,122)
```
#684482
```
#684482 rgb(104,68,130)
```
#693c8a
```
#693c8a rgb(105,60,138)
```
#6a3591
```
#6a3591 rgb(106,53,145)
```
#6c2d99
```
#6c2d99 rgb(108,45,153)
```
#6d26a0
```
#6d26a0 rgb(109,38,160)
```
#6e1ea8
```
#6e1ea8 rgb(110,30,168)
```
#6f16b0
```
#6f16b0 rgb(111,22,176)
```
#710fb7
```
#710fb7 rgb(113,15,183)
```
#7207bf
```
#7207bf rgb(114,7,191)
```

Tone Color Variation

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

Dichromacy

#435a92 Protanopia 1% of men
#495b83 Deuteranopia 1% of men
#67585e Tritanopia 0.001% of the population

Trichromacy

#50528c Protanomaly 1% of men, 0.01% of women
#545383 Deuteranomaly 6% of men, 0.4% of women
#67506b Tritanomaly 0.01% of the population

#684482 hex color

#684482 Color Information

#684482 Color Conversion

Color Schemes with #684482

Alternatives to #684482

#684482 Preview

Shades and Tints of #684482

Tones of #684482

Color Blindness Simulator