#684a94 hex color

In a RGB color space, hex #684a94 is composed of 40.8% red, 29% green and 58% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 50% magenta, 0% yellow and 42% black. It has a hue angle of 264.3 degrees, a saturation of 33.3% and a lightness of 43.5%. #684a94 color hex could be obtained by blending #d094ff with #000029. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 29
- B 58
RGB color chart
- C 30
- M 50
- Y 0
- K 42
CMYK color chart

● #684a94 color description : Dark moderate violet.

The hexadecimal color #684a94 has RGB values of R:104, G:74, B:148 and CMYK values of C:0.3, M:0.5, Y:0, K:0.42. Its decimal value is 6834836.

Hex triplet	684a94	`#684a94`
RGB Decimal	104, 74, 148	`rgb(104,74,148)`
RGB Percent	40.8, 29, 58	`rgb(40.8%,29%,58%)`
CMYK	30, 50, 0, 42
HSL	264.3°, 33.3, 43.5	`hsl(264.3,33.3%,43.5%)`
HSV (or HSB)	264.3°, 50, 58
Web Safe	663399	`#663399`

CIE-LAB	37.804, 28.975, -36.253
XYZ	13.502, 9.979, 29.23
xyY	0.256, 0.189, 9.979
CIE-LCH	37.804, 46.409, 308.633
CIE-LUV	37.804, 8.572, -54.233
Hunter-Lab	31.589, 21.015, -32.75
Binary	01101000, 01001010, 10010100

#684a94
```
#684a94 rgb(104,74,148)
```
#76944a
```
#76944a rgb(118,148,74)
```

Complementary Color

#4a5194
```
#4a5194 rgb(74,81,148)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#8d4a94
```
#8d4a94 rgb(141,74,148)
```

Analogous Color

#51944a
```
#51944a rgb(81,148,74)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#948d4a
```
#948d4a rgb(148,141,74)
```

Split Complementary Color

#4a9468
```
#4a9468 rgb(74,148,104)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#94684a
```
#94684a rgb(148,104,74)
```

Triadic Color

#4a7694
```
#4a7694 rgb(74,118,148)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#94684a
```
#94684a rgb(148,104,74)
```
#76944a
```
#76944a rgb(118,148,74)
```

Tetradic Color

#443161
```
#443161 rgb(68,49,97)
```
#503972
```
#503972 rgb(80,57,114)
```
#5c4283
```
#5c4283 rgb(92,66,131)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#7453a5
```
#7453a5 rgb(116,83,165)
```
#8161b0
```
#8161b0 rgb(129,97,176)
```
#8f72b9
```
#8f72b9 rgb(143,114,185)
```

Monochromatic Color

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

#564a94
```
#564a94 rgb(86,74,148)
```
#5c4a94
```
#5c4a94 rgb(92,74,148)
```
#624a94
```
#624a94 rgb(98,74,148)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#6e4a94
```
#6e4a94 rgb(110,74,148)
```
#744a94
```
#744a94 rgb(116,74,148)
```
#7b4a94
```
#7b4a94 rgb(123,74,148)
```

Similar Colors

Text with hexadecimal color #684a94

This text has a font color of #684a94.

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

#684a94 background color

This paragraph has a background color of #684a94.

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

#684a94 border color

This element has a border color of #684a94.

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

CSS codes

.text {color:#684a94;}

.background {background-color:#684a94;}

.border {border:1px solid #684a94;}

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 #f8f6fb is the lightest one.

#030204
```
#030204 rgb(3,2,4)
```
#0c0911
```
#0c0911 rgb(12,9,17)
```
#150f1e
```
#150f1e rgb(21,15,30)
```
#1e162b
```
#1e162b rgb(30,22,43)
```
#281c38
```
#281c38 rgb(40,28,56)
```
#312346
```
#312346 rgb(49,35,70)
```
#3a2953
```
#3a2953 rgb(58,41,83)
```
#433060
```
#433060 rgb(67,48,96)
```
#4c366d
```
#4c366d rgb(76,54,109)
```
#563d7a
```
#563d7a rgb(86,61,122)
```
#5f4387
```
#5f4387 rgb(95,67,135)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#7151a1
```
#7151a1 rgb(113,81,161)
```

Shade Color Variation

#7b59ac
```
#7b59ac rgb(123,89,172)
```
#8566b3
```
#8566b3 rgb(133,102,179)
```
#9073b9
```
#9073b9 rgb(144,115,185)
```
#9a80c0
```
#9a80c0 rgb(154,128,192)
```
#a48dc6
```
#a48dc6 rgb(164,141,198)
```
#af9bcd
```
#af9bcd rgb(175,155,205)
```
#b9a8d3
```
#b9a8d3 rgb(185,168,211)
```
#c4b5da
```
#c4b5da rgb(196,181,218)
```
#cec2e0
```
#cec2e0 rgb(206,194,224)
```
#d9cfe7
```
#d9cfe7 rgb(217,207,231)
```
#e3dced
```
#e3dced rgb(227,220,237)
```
#ede9f4
```
#ede9f4 rgb(237,233,244)
```
#f8f6fb
```
#f8f6fb rgb(248,246,251)
```

Tint Color Variation

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

#6e6c72
```
#6e6c72 rgb(110,108,114)
```
#6d647a
```
#6d647a rgb(109,100,122)
```
#6b5b83
```
#6b5b83 rgb(107,91,131)
```
#6a538b
```
#6a538b rgb(106,83,139)
```
#684a94
```
#684a94 rgb(104,74,148)
```
#66419d
```
#66419d rgb(102,65,157)
```
#6539a5
```
#6539a5 rgb(101,57,165)
```
#6330ae
```
#6330ae rgb(99,48,174)
```
#6228b6
```
#6228b6 rgb(98,40,182)
```
#601fbf
```
#601fbf rgb(96,31,191)
```
#5e17c7
```
#5e17c7 rgb(94,23,199)
```
#5d0ed0
```
#5d0ed0 rgb(93,14,208)
```
#5b06d8
```
#5b06d8 rgb(91,6,216)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5e5866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5fa3 Protanopia 1% of men
#426194 Deuteranopia 1% of men
#646067 Tritanopia 0.001% of the population

Trichromacy

#4d579d Protanomaly 1% of men, 0.01% of women
#505994 Deuteranomaly 6% of men, 0.4% of women
#655877 Tritanomaly 0.01% of the population

#684a94 hex color

#684a94 Color Information

#684a94 Color Conversion

Color Schemes with #684a94

Alternatives to #684a94

#684a94 Preview

Shades and Tints of #684a94

Tones of #684a94

Color Blindness Simulator