#684f94 hex color

In a RGB color space, hex #684f94 is composed of 40.8% red, 31% green and 58% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 46.6% magenta, 0% yellow and 42% black. It has a hue angle of 261.7 degrees, a saturation of 30.4% and a lightness of 44.5%. #684f94 color hex could be obtained by blending #d09eff with #000029. Closest websafe color is: #666699.

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

● #684f94 color description : Dark moderate violet.

The hexadecimal color #684f94 has RGB values of R:104, G:79, B:148 and CMYK values of C:0.3, M:0.47, Y:0, K:0.42. Its decimal value is 6836116.

Hex triplet	684f94	`#684f94`
RGB Decimal	104, 79, 148	`rgb(104,79,148)`
RGB Percent	40.8, 31, 58	`rgb(40.8%,31%,58%)`
CMYK	30, 47, 0, 42
HSL	261.7°, 30.4, 44.5	`hsl(261.7,30.4%,44.5%)`
HSV (or HSB)	261.7°, 46.6, 58
Web Safe	666699	`#666699`

CIE-LAB	39.024, 25.933, -34.319
XYZ	13.849, 10.673, 29.346
xyY	0.257, 0.198, 10.673
CIE-LCH	39.024, 43.016, 307.076
CIE-LUV	39.024, 6.906, -51.584
Hunter-Lab	32.67, 18.497, -30.389
Binary	01101000, 01001111, 10010100

#684f94
```
#684f94 rgb(104,79,148)
```
#7b944f
```
#7b944f rgb(123,148,79)
```

Complementary Color

#4f5994
```
#4f5994 rgb(79,89,148)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#8b4f94
```
#8b4f94 rgb(139,79,148)
```

Analogous Color

#59944f
```
#59944f rgb(89,148,79)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#948b4f
```
#948b4f rgb(148,139,79)
```

Split Complementary Color

#4f9468
```
#4f9468 rgb(79,148,104)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#94684f
```
#94684f rgb(148,104,79)
```

Triadic Color

#4f7b94
```
#4f7b94 rgb(79,123,148)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#94684f
```
#94684f rgb(148,104,79)
```
#7b944f
```
#7b944f rgb(123,148,79)
```

Tetradic Color

#453462
```
#453462 rgb(69,52,98)
```
#513d73
```
#513d73 rgb(81,61,115)
```
#5c4683
```
#5c4683 rgb(92,70,131)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#7458a5
```
#7458a5 rgb(116,88,165)
```
#8168ae
```
#8168ae rgb(129,104,174)
```
#8f78b7
```
#8f78b7 rgb(143,120,183)
```

Monochromatic Color

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

#574f94
```
#574f94 rgb(87,79,148)
```
#5d4f94
```
#5d4f94 rgb(93,79,148)
```
#624f94
```
#624f94 rgb(98,79,148)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#6e4f94
```
#6e4f94 rgb(110,79,148)
```
#744f94
```
#744f94 rgb(116,79,148)
```
#794f94
```
#794f94 rgb(121,79,148)
```

Similar Colors

Text with hexadecimal color #684f94

This text has a font color of #684f94.

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

#684f94 background color

This paragraph has a background color of #684f94.

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

#684f94 border color

This element has a border color of #684f94.

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

CSS codes

.text {color:#684f94;}

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

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

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

#050407
```
#050407 rgb(5,4,7)
```
#0e0b14
```
#0e0b14 rgb(14,11,20)
```
#171221
```
#171221 rgb(23,18,33)
```
#20182e
```
#20182e rgb(32,24,46)
```
#291f3a
```
#291f3a rgb(41,31,58)
```
#322647
```
#322647 rgb(50,38,71)
```
#3b2d54
```
#3b2d54 rgb(59,45,84)
```
#443461
```
#443461 rgb(68,52,97)
```
#4d3b6e
```
#4d3b6e rgb(77,59,110)
```
#56417a
```
#56417a rgb(86,65,122)
```
#5f4887
```
#5f4887 rgb(95,72,135)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#7156a1
```
#7156a1 rgb(113,86,161)
```

Shade Color Variation

#7b60aa
```
#7b60aa rgb(123,96,170)
```
#866db1
```
#866db1 rgb(134,109,177)
```
#907ab8
```
#907ab8 rgb(144,122,184)
```
#9b86bf
```
#9b86bf rgb(155,134,191)
```
#a593c5
```
#a593c5 rgb(165,147,197)
```
#b0a0cc
```
#b0a0cc rgb(176,160,204)
```
#bbadd3
```
#bbadd3 rgb(187,173,211)
```
#c5bada
```
#c5bada rgb(197,186,218)
```
#d0c6e1
```
#d0c6e1 rgb(208,198,225)
```
#dbd3e8
```
#dbd3e8 rgb(219,211,232)
```
#e5e0ee
```
#e5e0ee rgb(229,224,238)
```
#f0edf5
```
#f0edf5 rgb(240,237,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#6f697a
```
#6f697a rgb(111,105,122)
```
#6d6083
```
#6d6083 rgb(109,96,131)
```
#6a588b
```
#6a588b rgb(106,88,139)
```
#684f94
```
#684f94 rgb(104,79,148)
```
#66469d
```
#66469d rgb(102,70,157)
```
#633ea5
```
#633ea5 rgb(99,62,165)
```
#6135ae
```
#6135ae rgb(97,53,174)
```
#5e2cb7
```
#5e2cb7 rgb(94,44,183)
```
#5c23c0
```
#5c23c0 rgb(92,35,192)
```
#5a1bc8
```
#5a1bc8 rgb(90,27,200)
```
#5712d1
```
#5712d1 rgb(87,18,209)
```
#5509da
```
#5509da rgb(85,9,218)
```
#5200e3
```
#5200e3 rgb(82,0,227)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#605b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4762a1 Protanopia 1% of men
#496495 Deuteranopia 1% of men
#64636a Tritanopia 0.001% of the population

Trichromacy

#535b9c Protanomaly 1% of men, 0.01% of women
#545c94 Deuteranomaly 6% of men, 0.4% of women
#665c79 Tritanomaly 0.01% of the population

#684f94 hex color

#684f94 Color Information

#684f94 Color Conversion

Color Schemes with #684f94

Alternatives to #684f94

#684f94 Preview

Shades and Tints of #684f94

Tones of #684f94

Color Blindness Simulator