#684380 hex color

In a RGB color space, hex #684380 is composed of 40.8% red, 26.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 47.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 276.4 degrees, a saturation of 31.3% and a lightness of 38.2%. #684380 color hex could be obtained by blending #d086ff with #000001. Closest websafe color is: #663399.

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

● #684380 color description : Dark moderate violet.

The hexadecimal color #684380 has RGB values of R:104, G:67, B:128 and CMYK values of C:0.19, M:0.48, Y:0, K:0.5. Its decimal value is 6833024.

Hex triplet	684380	`#684380`
RGB Decimal	104, 67, 128	`rgb(104,67,128)`
RGB Percent	40.8, 26.3, 50.2	`rgb(40.8%,26.3%,50.2%)`
CMYK	19, 48, 0, 50
HSL	276.4°, 31.3, 38.2	`hsl(276.4,31.3%,38.2%)`
HSV (or HSB)	276.4°, 47.7, 50.2
Web Safe	663399	`#663399`

CIE-LAB	35.035, 28.118, -28.386
XYZ	11.612, 8.516, 21.453
xyY	0.279, 0.205, 8.516
CIE-LCH	35.035, 39.955, 314.728
CIE-LUV	35.035, 13.738, -41.946
Hunter-Lab	29.182, 19.957, -23.158
Binary	01101000, 01000011, 10000000

#684380
```
#684380 rgb(104,67,128)
```
#5b8043
```
#5b8043 rgb(91,128,67)
```

Complementary Color

#4a4380
```
#4a4380 rgb(74,67,128)
```
#684380
```
#684380 rgb(104,67,128)
```
#80437a
```
#80437a rgb(128,67,122)
```

Analogous Color

#43804a
```
#43804a rgb(67,128,74)
```
#684380
```
#684380 rgb(104,67,128)
```
#7a8043
```
#7a8043 rgb(122,128,67)
```

Split Complementary Color

#438068
```
#438068 rgb(67,128,104)
```
#684380
```
#684380 rgb(104,67,128)
```
#806843
```
#806843 rgb(128,104,67)
```

Triadic Color

#435b80
```
#435b80 rgb(67,91,128)
```
#684380
```
#684380 rgb(104,67,128)
```
#806843
```
#806843 rgb(128,104,67)
```
#5b8043
```
#5b8043 rgb(91,128,67)
```

Tetradic Color

#3f294e
```
#3f294e rgb(63,41,78)
```
#4d315f
```
#4d315f rgb(77,49,95)
```
#5a3a6f
```
#5a3a6f rgb(90,58,111)
```
#684380
```
#684380 rgb(104,67,128)
```
#764c91
```
#764c91 rgb(118,76,145)
```
#8355a1
```
#8355a1 rgb(131,85,161)
```
#9062ad
```
#9062ad rgb(144,98,173)
```

Monochromatic Color

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

#594380
```
#594380 rgb(89,67,128)
```
#5e4380
```
#5e4380 rgb(94,67,128)
```
#634380
```
#634380 rgb(99,67,128)
```
#684380
```
#684380 rgb(104,67,128)
```
#6d4380
```
#6d4380 rgb(109,67,128)
```
#724380
```
#724380 rgb(114,67,128)
```
#774380
```
#774380 rgb(119,67,128)
```

Similar Colors

Text with hexadecimal color #684380

This text has a font color of #684380.

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

#684380 background color

This paragraph has a background color of #684380.

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

#684380 border color

This element has a border color of #684380.

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

CSS codes

.text {color:#684380;}

.background {background-color:#684380;}

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

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

#0a060c
```
#0a060c rgb(10,6,12)
```
#140d19
```
#140d19 rgb(20,13,25)
```
#1f1426
```
#1f1426 rgb(31,20,38)
```
#291b33
```
#291b33 rgb(41,27,51)
```
#342140
```
#342140 rgb(52,33,64)
```
#3e284c
```
#3e284c rgb(62,40,76)
```
#492f59
```
#492f59 rgb(73,47,89)
```
#533666
```
#533666 rgb(83,54,102)
```
#5e3c73
```
#5e3c73 rgb(94,60,115)
```
#684380
```
#684380 rgb(104,67,128)
```
#724a8d
```
#724a8d rgb(114,74,141)
```
#7d509a
```
#7d509a rgb(125,80,154)
```
#8757a7
```
#8757a7 rgb(135,87,167)
```

Shade Color Variation

#9164ae
```
#9164ae rgb(145,100,174)
```
#9a71b4
```
#9a71b4 rgb(154,113,180)
```
#a37dbb
```
#a37dbb rgb(163,125,187)
```
#ac8ac2
```
#ac8ac2 rgb(172,138,194)
```
#b597c9
```
#b597c9 rgb(181,151,201)
```
#bea4cf
```
#bea4cf rgb(190,164,207)
```
#c8b1d6
```
#c8b1d6 rgb(200,177,214)
```
#d1bedd
```
#d1bedd rgb(209,190,221)
```
#dacbe4
```
#dacbe4 rgb(218,203,228)
```
#e3d8ea
```
#e3d8ea rgb(227,216,234)
```
#ece4f1
```
#ece4f1 rgb(236,228,241)
```
#f5f1f8
```
#f5f1f8 rgb(245,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#626162
```
#626162 rgb(98,97,98)
```
#635a6a
```
#635a6a rgb(99,90,106)
```
#655271
```
#655271 rgb(101,82,113)
```
#664b79
```
#664b79 rgb(102,75,121)
```
#684380
```
#684380 rgb(104,67,128)
```
#6a3c88
```
#6a3c88 rgb(106,60,136)
```
#6b348f
```
#6b348f rgb(107,52,143)
```
#6d2d97
```
#6d2d97 rgb(109,45,151)
```
#6e259e
```
#6e259e rgb(110,37,158)
```
#701ea6
```
#701ea6 rgb(112,30,166)
```
#7216ad
```
#7216ad rgb(114,22,173)
```
#730fb5
```
#730fb5 rgb(115,15,181)
```
#7507bc
```
#7507bc rgb(117,7,188)
```

Tone Color Variation

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

#435990 Protanopia 1% of men
#495a81 Deuteranopia 1% of men
#67565d Tritanopia 0.001% of the population

Trichromacy

#50518a Protanomaly 1% of men, 0.01% of women
#545281 Deuteranomaly 6% of men, 0.4% of women
#674f69 Tritanomaly 0.01% of the population

#684380 hex color

#684380 Color Information

#684380 Color Conversion

Color Schemes with #684380

Alternatives to #684380

#684380 Preview

Shades and Tints of #684380

Tones of #684380

Color Blindness Simulator