#684282 hex color

In a RGB color space, hex #684282 is composed of 40.8% red, 25.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 49.2% magenta, 0% yellow and 49% black. It has a hue angle of 275.6 degrees, a saturation of 32.7% and a lightness of 38.4%. #684282 color hex could be obtained by blending #d084ff with #000005. Closest websafe color is: #663399.

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

● #684282 color description : Dark moderate violet.

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

Hex triplet	684282	`#684282`
RGB Decimal	104, 66, 130	`rgb(104,66,130)`
RGB Percent	40.8, 25.9, 51	`rgb(40.8%,25.9%,51%)`
CMYK	20, 49, 0, 49
HSL	275.6°, 32.7, 38.4	`hsl(275.6,32.7%,38.4%)`
HSV (or HSB)	275.6°, 49.2, 51
Web Safe	663399	`#663399`

CIE-LAB	34.906, 29.202, -29.828
XYZ	11.686, 8.451, 22.134
xyY	0.276, 0.2, 8.451
CIE-LCH	34.906, 41.743, 314.393
CIE-LUV	34.906, 13.765, -44.035
Hunter-Lab	29.071, 20.877, -24.791
Binary	01101000, 01000010, 10000010

#684282
```
#684282 rgb(104,66,130)
```
#5c8242
```
#5c8242 rgb(92,130,66)
```

Complementary Color

#484282
```
#484282 rgb(72,66,130)
```
#684282
```
#684282 rgb(104,66,130)
```
#82427c
```
#82427c rgb(130,66,124)
```

Analogous Color

#428248
```
#428248 rgb(66,130,72)
```
#684282
```
#684282 rgb(104,66,130)
```
#7c8242
```
#7c8242 rgb(124,130,66)
```

Split Complementary Color

#428268
```
#428268 rgb(66,130,104)
```
#684282
```
#684282 rgb(104,66,130)
```
#826842
```
#826842 rgb(130,104,66)
```

Triadic Color

#425c82
```
#425c82 rgb(66,92,130)
```
#684282
```
#684282 rgb(104,66,130)
```
#826842
```
#826842 rgb(130,104,66)
```
#5c8242
```
#5c8242 rgb(92,130,66)
```

Tetradic Color

#3f284f
```
#3f284f rgb(63,40,79)
```
#4d3160
```
#4d3160 rgb(77,49,96)
```
#5a3971
```
#5a3971 rgb(90,57,113)
```
#684282
```
#684282 rgb(104,66,130)
```
#764b93
```
#764b93 rgb(118,75,147)
```
#8353a4
```
#8353a4 rgb(131,83,164)
```
#9061af
```
#9061af rgb(144,97,175)
```

Monochromatic Color

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

#584282
```
#584282 rgb(88,66,130)
```
#5d4282
```
#5d4282 rgb(93,66,130)
```
#634282
```
#634282 rgb(99,66,130)
```
#684282
```
#684282 rgb(104,66,130)
```
#6d4282
```
#6d4282 rgb(109,66,130)
```
#734282
```
#734282 rgb(115,66,130)
```
#784282
```
#784282 rgb(120,66,130)
```

Similar Colors

Text with hexadecimal color #684282

This text has a font color of #684282.

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

#684282 background color

This paragraph has a background color of #684282.

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

#684282 border color

This element has a border color of #684282.

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

CSS codes

.text {color:#684282;}

.background {background-color:#684282;}

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

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)
```
#2a1a34
```
#2a1a34 rgb(42,26,52)
```
#342141
```
#342141 rgb(52,33,65)
```
#3e284e
```
#3e284e rgb(62,40,78)
```
#492e5b
```
#492e5b rgb(73,46,91)
```
#533568
```
#533568 rgb(83,53,104)
```
#5e3b75
```
#5e3b75 rgb(94,59,117)
```
#684282
```
#684282 rgb(104,66,130)
```
#72498f
```
#72498f rgb(114,73,143)
```
#7d4f9c
```
#7d4f9c rgb(125,79,156)
```
#8756a9
```
#8756a9 rgb(135,86,169)
```

Shade Color Variation

#9063b0
```
#9063b0 rgb(144,99,176)
```
#9a70b6
```
#9a70b6 rgb(154,112,182)
```
#a37dbd
```
#a37dbd rgb(163,125,189)
```
#ac8ac4
```
#ac8ac4 rgb(172,138,196)
```
#b597ca
```
#b597ca rgb(181,151,202)
```
#bea4d1
```
#bea4d1 rgb(190,164,209)
```
#c8b1d7
```
#c8b1d7 rgb(200,177,215)
```
#d1bede
```
#d1bede rgb(209,190,222)
```
#dacbe5
```
#dacbe5 rgb(218,203,229)
```
#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, #626064 is the less saturated color, while #7306be is the most saturated one.

#626064
```
#626064 rgb(98,96,100)
```
#64596b
```
#64596b rgb(100,89,107)
```
#655173
```
#655173 rgb(101,81,115)
```
#674a7a
```
#674a7a rgb(103,74,122)
```
#684282
```
#684282 rgb(104,66,130)
```
#693a8a
```
#693a8a rgb(105,58,138)
```
#6b3391
```
#6b3391 rgb(107,51,145)
```
#6c2b99
```
#6c2b99 rgb(108,43,153)
```
#6e24a0
```
#6e24a0 rgb(110,36,160)
```
#6f1ca8
```
#6f1ca8 rgb(111,28,168)
```
#7015af
```
#7015af rgb(112,21,175)
```
#720db7
```
#720db7 rgb(114,13,183)
```
#7306be
```
#7306be rgb(115,6,190)
```

Tone Color Variation

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

#405992 Protanopia 1% of men
#475a83 Deuteranopia 1% of men
#67565c Tritanopia 0.001% of the population

Trichromacy

#4e508c Protanomaly 1% of men, 0.01% of women
#535182 Deuteranomaly 6% of men, 0.4% of women
#674f6a Tritanomaly 0.01% of the population

#684282 hex color

#684282 Color Information

#684282 Color Conversion

Color Schemes with #684282

Alternatives to #684282

#684282 Preview

Shades and Tints of #684282

Tones of #684282

Color Blindness Simulator