#684f7c hex color

In a RGB color space, hex #684f7c is composed of 40.8% red, 31% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 36.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 273.3 degrees, a saturation of 22.2% and a lightness of 39.8%. #684f7c color hex could be obtained by blending #d09ef8 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #684f7c has RGB values of R:104, G:79, B:124 and CMYK values of C:0.16, M:0.36, Y:0, K:0.51. Its decimal value is 6836092.

Hex triplet	684f7c	`#684f7c`
RGB Decimal	104, 79, 124	`rgb(104,79,124)`
RGB Percent	40.8, 31, 48.6	`rgb(40.8%,31%,48.6%)`
CMYK	16, 36, 0, 51
HSL	273.3°, 22.2, 39.8	`hsl(273.3,22.2%,39.8%)`
HSV (or HSB)	273.3°, 36.3, 48.6
Web Safe	666666	`#666666`

CIE-LAB	37.825, 19.816, -21.559
XYZ	12.142, 9.99, 20.356
xyY	0.286, 0.235, 9.99
CIE-LCH	37.825, 29.282, 312.588
CIE-LUV	37.825, 9.783, -32.089
Hunter-Lab	31.608, 13.26, -16.059
Binary	01101000, 01001111, 01111100

#684f7c
```
#684f7c rgb(104,79,124)
```
#637c4f
```
#637c4f rgb(99,124,79)
```

Complementary Color

#524f7c
```
#524f7c rgb(82,79,124)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#7c4f7a
```
#7c4f7a rgb(124,79,122)
```

Analogous Color

#4f7c52
```
#4f7c52 rgb(79,124,82)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#7a7c4f
```
#7a7c4f rgb(122,124,79)
```

Split Complementary Color

#4f7c68
```
#4f7c68 rgb(79,124,104)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#7c684f
```
#7c684f rgb(124,104,79)
```

Triadic Color

#4f637c
```
#4f637c rgb(79,99,124)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#7c684f
```
#7c684f rgb(124,104,79)
```
#637c4f
```
#637c4f rgb(99,124,79)
```

Tetradic Color

#41314d
```
#41314d rgb(65,49,77)
```
#4e3b5d
```
#4e3b5d rgb(78,59,93)
```
#5b456c
```
#5b456c rgb(91,69,108)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#75598c
```
#75598c rgb(117,89,140)
```
#82639b
```
#82639b rgb(130,99,155)
```
#8f72a5
```
#8f72a5 rgb(143,114,165)
```

Monochromatic Color

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

#5d4f7c
```
#5d4f7c rgb(93,79,124)
```
#614f7c
```
#614f7c rgb(97,79,124)
```
#644f7c
```
#644f7c rgb(100,79,124)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#6c4f7c
```
#6c4f7c rgb(108,79,124)
```
#704f7c
```
#704f7c rgb(112,79,124)
```
#734f7c
```
#734f7c rgb(115,79,124)
```

Similar Colors

Text with hexadecimal color #684f7c

This text has a font color of #684f7c.

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

#684f7c background color

This paragraph has a background color of #684f7c.

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

#684f7c border color

This element has a border color of #684f7c.

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

CSS codes

.text {color:#684f7c;}

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

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

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

#040304
```
#040304 rgb(4,3,4)
```
#0e0a10
```
#0e0a10 rgb(14,10,16)
```
#18121c
```
#18121c rgb(24,18,28)
```
#221a28
```
#221a28 rgb(34,26,40)
```
#2c2134
```
#2c2134 rgb(44,33,52)
```
#362940
```
#362940 rgb(54,41,64)
```
#40304c
```
#40304c rgb(64,48,76)
```
#4a3858
```
#4a3858 rgb(74,56,88)
```
#544064
```
#544064 rgb(84,64,100)
```
#5e4770
```
#5e4770 rgb(94,71,112)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#725788
```
#725788 rgb(114,87,136)
```
#7c5e94
```
#7c5e94 rgb(124,94,148)
```

Shade Color Variation

#86679e
```
#86679e rgb(134,103,158)
```
#9073a6
```
#9073a6 rgb(144,115,166)
```
#997fae
```
#997fae rgb(153,127,174)
```
#a38bb5
```
#a38bb5 rgb(163,139,181)
```
#ac97bd
```
#ac97bd rgb(172,151,189)
```
#b6a3c5
```
#b6a3c5 rgb(182,163,197)
```
#bfafcc
```
#bfafcc rgb(191,175,204)
```
#c9bbd4
```
#c9bbd4 rgb(201,187,212)
```
#d3c7db
```
#d3c7db rgb(211,199,219)
```
#dcd3e3
```
#dcd3e3 rgb(220,211,227)
```
#e6dfeb
```
#e6dfeb rgb(230,223,235)
```
#efebf2
```
#efebf2 rgb(239,235,242)
```
#f9f7fa
```
#f9f7fa rgb(249,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #665f6c is the less saturated color, while #7101ca is the most saturated one.

#665f6c
```
#665f6c rgb(102,95,108)
```
#675774
```
#675774 rgb(103,87,116)
```
#684f7c
```
#684f7c rgb(104,79,124)
```
#694784
```
#694784 rgb(105,71,132)
```
#6a3f8c
```
#6a3f8c rgb(106,63,140)
```
#6b3893
```
#6b3893 rgb(107,56,147)
```
#6b309b
```
#6b309b rgb(107,48,155)
```
#6c28a3
```
#6c28a3 rgb(108,40,163)
```
#6d20ab
```
#6d20ab rgb(109,32,171)
```
#6e18b3
```
#6e18b3 rgb(110,24,179)
```
#6f11ba
```
#6f11ba rgb(111,17,186)
```
#7009c2
```
#7009c2 rgb(112,9,194)
```
#7101ca
```
#7101ca rgb(113,1,202)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5e5962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#536088 Protanopia 1% of men
#586080 Deuteranopia 1% of men
#6a5e65 Tritanopia 0.001% of the population

Trichromacy

#5b5a83 Protanomaly 1% of men, 0.01% of women
#5e5a7e Deuteranomaly 6% of men, 0.4% of women
#69586d Tritanomaly 0.01% of the population

#684f7c hex color

#684f7c Color Information

#684f7c Color Conversion

Color Schemes with #684f7c

Alternatives to #684f7c

#684f7c Preview

Shades and Tints of #684f7c

Tones of #684f7c

Color Blindness Simulator