#684f8c hex color

In a RGB color space, hex #684f8c is composed of 40.8% red, 31% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 43.6% magenta, 0% yellow and 45.1% black. It has a hue angle of 264.6 degrees, a saturation of 27.9% and a lightness of 42.9%. #684f8c color hex could be obtained by blending #d09eff with #000019. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 31
- B 55
RGB color chart
- C 26
- M 44
- Y 0
- K 45
CMYK color chart

● #684f8c color description : Mostly desaturated dark violet.

The hexadecimal color #684f8c has RGB values of R:104, G:79, B:140 and CMYK values of C:0.26, M:0.44, Y:0, K:0.45. Its decimal value is 6836108.

Hex triplet	684f8c	`#684f8c`
RGB Decimal	104, 79, 140	`rgb(104,79,140)`
RGB Percent	40.8, 31, 54.9	`rgb(40.8%,31%,54.9%)`
CMYK	26, 44, 0, 45
HSL	264.6°, 27.9, 42.9	`hsl(264.6,27.9%,42.9%)`
HSV (or HSB)	264.6°, 43.6, 54.9
Web Safe	666699	`#666699`

CIE-LAB	38.601, 23.828, -30.139
XYZ	13.238, 10.429, 26.125
xyY	0.266, 0.209, 10.429
CIE-LCH	38.601, 38.42, 308.33
CIE-LUV	38.601, 7.847, -45.135
Hunter-Lab	32.293, 16.658, -25.36
Binary	01101000, 01001111, 10001100

#684f8c
```
#684f8c rgb(104,79,140)
```
#738c4f
```
#738c4f rgb(115,140,79)
```

Complementary Color

#4f558c
```
#4f558c rgb(79,85,140)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#874f8c
```
#874f8c rgb(135,79,140)
```

Analogous Color

#558c4f
```
#558c4f rgb(85,140,79)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#8c874f
```
#8c874f rgb(140,135,79)
```

Split Complementary Color

#4f8c68
```
#4f8c68 rgb(79,140,104)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#8c684f
```
#8c684f rgb(140,104,79)
```

Triadic Color

#4f738c
```
#4f738c rgb(79,115,140)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#8c684f
```
#8c684f rgb(140,104,79)
```
#738c4f
```
#738c4f rgb(115,140,79)
```

Tetradic Color

#44335b
```
#44335b rgb(68,51,91)
```
#503d6b
```
#503d6b rgb(80,61,107)
```
#5c467c
```
#5c467c rgb(92,70,124)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#74589c
```
#74589c rgb(116,88,156)
```
#8166a8
```
#8166a8 rgb(129,102,168)
```
#8e76b2
```
#8e76b2 rgb(142,118,178)
```

Monochromatic Color

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

#594f8c
```
#594f8c rgb(89,79,140)
```
#5e4f8c
```
#5e4f8c rgb(94,79,140)
```
#634f8c
```
#634f8c rgb(99,79,140)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#6d4f8c
```
#6d4f8c rgb(109,79,140)
```
#724f8c
```
#724f8c rgb(114,79,140)
```
#774f8c
```
#774f8c rgb(119,79,140)
```

Similar Colors

Text with hexadecimal color #684f8c

This text has a font color of #684f8c.

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

#684f8c background color

This paragraph has a background color of #684f8c.

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

#684f8c border color

This element has a border color of #684f8c.

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

CSS codes

.text {color:#684f8c;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0b080f
```
#0b080f rgb(11,8,15)
```
#140f1b
```
#140f1b rgb(20,15,27)
```
#1d1628
```
#1d1628 rgb(29,22,40)
```
#271d34
```
#271d34 rgb(39,29,52)
```
#302541
```
#302541 rgb(48,37,65)
```
#392c4d
```
#392c4d rgb(57,44,77)
```
#43335a
```
#43335a rgb(67,51,90)
```
#4c3a66
```
#4c3a66 rgb(76,58,102)
```
#554173
```
#554173 rgb(85,65,115)
```
#5f487f
```
#5f487f rgb(95,72,127)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#715699
```
#715699 rgb(113,86,153)
```

Shade Color Variation

#7b5ea4
```
#7b5ea4 rgb(123,94,164)
```
#856bab
```
#856bab rgb(133,107,171)
```
#8f77b2
```
#8f77b2 rgb(143,119,178)
```
#9a84b9
```
#9a84b9 rgb(154,132,185)
```
#a490c0
```
#a490c0 rgb(164,144,192)
```
#ae9dc8
```
#ae9dc8 rgb(174,157,200)
```
#b9a9cf
```
#b9a9cf rgb(185,169,207)
```
#c3b6d6
```
#c3b6d6 rgb(195,182,214)
```
#cdc2dd
```
#cdc2dd rgb(205,194,221)
```
#d7cfe4
```
#d7cfe4 rgb(215,207,228)
```
#e2dbeb
```
#e2dbeb rgb(226,219,235)
```
#ece8f2
```
#ece8f2 rgb(236,232,242)
```
#f6f5f9
```
#f6f5f9 rgb(246,245,249)
```

Tint Color Variation

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

#6d6873
```
#6d6873 rgb(109,104,115)
```
#6b607b
```
#6b607b rgb(107,96,123)
```
#6a5784
```
#6a5784 rgb(106,87,132)
```
#684f8c
```
#684f8c rgb(104,79,140)
```
#664794
```
#664794 rgb(102,71,148)
```
#653e9d
```
#653e9d rgb(101,62,157)
```
#6336a5
```
#6336a5 rgb(99,54,165)
```
#622dae
```
#622dae rgb(98,45,174)
```
#6025b6
```
#6025b6 rgb(96,37,182)
```
#5f1cbf
```
#5f1cbf rgb(95,28,191)
```
#5d14c7
```
#5d14c7 rgb(93,20,199)
```
#5c0ccf
```
#5c0ccf rgb(92,12,207)
```
#5a03d8
```
#5a03d8 rgb(90,3,216)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5f5a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6199 Protanopia 1% of men
#4f628e Deuteranopia 1% of men
#666168 Tritanopia 0.001% of the population

Trichromacy

#565a94 Protanomaly 1% of men, 0.01% of women
#585b8d Deuteranomaly 6% of men, 0.4% of women
#675a75 Tritanomaly 0.01% of the population

#684f8c hex color

#684f8c Color Information

#684f8c Color Conversion

Color Schemes with #684f8c

Alternatives to #684f8c

#684f8c Preview

Shades and Tints of #684f8c

Tones of #684f8c

Color Blindness Simulator