#684381 hex color

In a RGB color space, hex #684381 is composed of 40.8% red, 26.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 48.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 275.8 degrees, a saturation of 31.6% and a lightness of 38.4%. #684381 color hex could be obtained by blending #d086ff with #000003. Closest websafe color is: #663399.

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

● #684381 color description : Dark moderate violet.

The hexadecimal color #684381 has RGB values of R:104, G:67, B:129 and CMYK values of C:0.19, M:0.48, Y:0, K:0.49. Its decimal value is 6833025.

Hex triplet	684381	`#684381`
RGB Decimal	104, 67, 129	`rgb(104,67,129)`
RGB Percent	40.8, 26.3, 50.6	`rgb(40.8%,26.3%,50.6%)`
CMYK	19, 48, 0, 49
HSL	275.8°, 31.6, 38.4	`hsl(275.8,31.6%,38.4%)`
HSV (or HSB)	275.8°, 48.1, 50.6
Web Safe	663399	`#663399`

CIE-LAB	35.088, 28.361, -28.922
XYZ	11.678, 8.543, 21.801
xyY	0.278, 0.203, 8.543
CIE-LCH	35.088, 40.507, 314.439
CIE-LUV	35.088, 13.583, -42.741
Hunter-Lab	29.228, 20.171, -23.766
Binary	01101000, 01000011, 10000001

#684381
```
#684381 rgb(104,67,129)
```
#5c8143
```
#5c8143 rgb(92,129,67)
```

Complementary Color

#494381
```
#494381 rgb(73,67,129)
```
#684381
```
#684381 rgb(104,67,129)
```
#81437b
```
#81437b rgb(129,67,123)
```

Analogous Color

#438149
```
#438149 rgb(67,129,73)
```
#684381
```
#684381 rgb(104,67,129)
```
#7b8143
```
#7b8143 rgb(123,129,67)
```

Split Complementary Color

#438168
```
#438168 rgb(67,129,104)
```
#684381
```
#684381 rgb(104,67,129)
```
#816843
```
#816843 rgb(129,104,67)
```

Triadic Color

#435c81
```
#435c81 rgb(67,92,129)
```
#684381
```
#684381 rgb(104,67,129)
```
#816843
```
#816843 rgb(129,104,67)
```
#5c8143
```
#5c8143 rgb(92,129,67)
```

Tetradic Color

#3f294f
```
#3f294f rgb(63,41,79)
```
#4d325f
```
#4d325f rgb(77,50,95)
```
#5a3a70
```
#5a3a70 rgb(90,58,112)
```
#684381
```
#684381 rgb(104,67,129)
```
#764c92
```
#764c92 rgb(118,76,146)
```
#8354a3
```
#8354a3 rgb(131,84,163)
```
#9063ae
```
#9063ae rgb(144,99,174)
```

Monochromatic Color

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

#584381
```
#584381 rgb(88,67,129)
```
#5e4381
```
#5e4381 rgb(94,67,129)
```
#634381
```
#634381 rgb(99,67,129)
```
#684381
```
#684381 rgb(104,67,129)
```
#6d4381
```
#6d4381 rgb(109,67,129)
```
#724381
```
#724381 rgb(114,67,129)
```
#784381
```
#784381 rgb(120,67,129)
```

Similar Colors

Text with hexadecimal color #684381

This text has a font color of #684381.

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

#684381 background color

This paragraph has a background color of #684381.

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

#684381 border color

This element has a border color of #684381.

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

CSS codes

.text {color:#684381;}

.background {background-color:#684381;}

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

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, #0a070d is the darkest color, while #ffffff is the lightest one.

#0a070d
```
#0a070d rgb(10,7,13)
```
#150d1a
```
#150d1a rgb(21,13,26)
```
#1f1427
```
#1f1427 rgb(31,20,39)
```
#2a1b34
```
#2a1b34 rgb(42,27,52)
```
#342140
```
#342140 rgb(52,33,64)
```
#3e284d
```
#3e284d rgb(62,40,77)
```
#492f5a
```
#492f5a rgb(73,47,90)
```
#533667
```
#533667 rgb(83,54,103)
```
#5e3c74
```
#5e3c74 rgb(94,60,116)
```
#684381
```
#684381 rgb(104,67,129)
```
#724a8e
```
#724a8e rgb(114,74,142)
```
#7d509b
```
#7d509b rgb(125,80,155)
```
#8757a8
```
#8757a8 rgb(135,87,168)
```

Shade Color Variation

#9064ae
```
#9064ae rgb(144,100,174)
```
#9a71b5
```
#9a71b5 rgb(154,113,181)
```
#a37ebc
```
#a37ebc rgb(163,126,188)
```
#ac8bc3
```
#ac8bc3 rgb(172,139,195)
```
#b598c9
```
#b598c9 rgb(181,152,201)
```
#bea5d0
```
#bea5d0 rgb(190,165,208)
```
#c8b1d7
```
#c8b1d7 rgb(200,177,215)
```
#d1bedd
```
#d1bedd rgb(209,190,221)
```
#dacbe4
```
#dacbe4 rgb(218,203,228)
```
#e3d8eb
```
#e3d8eb rgb(227,216,235)
```
#ede5f2
```
#ede5f2 rgb(237,229,242)
```
#f6f2f8
```
#f6f2f8 rgb(246,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#626163
```
#626163 rgb(98,97,99)
```
#645a6a
```
#645a6a rgb(100,90,106)
```
#655272
```
#655272 rgb(101,82,114)
```
#674b79
```
#674b79 rgb(103,75,121)
```
#684381
```
#684381 rgb(104,67,129)
```
#693b89
```
#693b89 rgb(105,59,137)
```
#6b3490
```
#6b3490 rgb(107,52,144)
```
#6c2c98
```
#6c2c98 rgb(108,44,152)
```
#6e259f
```
#6e259f rgb(110,37,159)
```
#6f1da7
```
#6f1da7 rgb(111,29,167)
```
#7116ae
```
#7116ae rgb(113,22,174)
```
#720eb6
```
#720eb6 rgb(114,14,182)
```
#7407bd
```
#7407bd rgb(116,7,189)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#59515e Atypical Achromatopsia 0.001% of the population

Dichromacy

#425991 Protanopia 1% of men
#485b82 Deuteranopia 1% of men
#67575d Tritanopia 0.001% of the population

Trichromacy

#50518b Protanomaly 1% of men, 0.01% of women
#545282 Deuteranomaly 6% of men, 0.4% of women
#674f6a Tritanomaly 0.01% of the population

#684381 hex color

#684381 Color Information

#684381 Color Conversion

Color Schemes with #684381

Alternatives to #684381

#684381 Preview

Shades and Tints of #684381

Tones of #684381

Color Blindness Simulator