#684f7e hex color

In a RGB color space, hex #684f7e is composed of 40.8% red, 31% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 37.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 271.9 degrees, a saturation of 22.9% and a lightness of 40.2%. #684f7e color hex could be obtained by blending #d09efc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #684f7e has RGB values of R:104, G:79, B:126 and CMYK values of C:0.17, M:0.37, Y:0, K:0.51. Its decimal value is 6836094.

Hex triplet	684f7e	`#684f7e`
RGB Decimal	104, 79, 126	`rgb(104,79,126)`
RGB Percent	40.8, 31, 49.4	`rgb(40.8%,31%,49.4%)`
CMYK	17, 37, 0, 51
HSL	271.9°, 22.9, 40.2	`hsl(271.9,22.9%,40.2%)`
HSV (or HSB)	271.9°, 37.3, 49.4
Web Safe	666666	`#666666`

CIE-LAB	37.917, 20.301, -22.647
XYZ	12.27, 10.042, 21.029
xyY	0.283, 0.232, 10.042
CIE-LCH	37.917, 30.414, 311.874
CIE-LUV	37.917, 9.538, -33.725
Hunter-Lab	31.688, 13.663, -17.165
Binary	01101000, 01001111, 01111110

#684f7e
```
#684f7e rgb(104,79,126)
```
#657e4f
```
#657e4f rgb(101,126,79)
```

Complementary Color

#514f7e
```
#514f7e rgb(81,79,126)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#7e4f7d
```
#7e4f7d rgb(126,79,125)
```

Analogous Color

#4f7e51
```
#4f7e51 rgb(79,126,81)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#7d7e4f
```
#7d7e4f rgb(125,126,79)
```

Split Complementary Color

#4f7e68
```
#4f7e68 rgb(79,126,104)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#7e684f
```
#7e684f rgb(126,104,79)
```

Triadic Color

#4f657e
```
#4f657e rgb(79,101,126)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#7e684f
```
#7e684f rgb(126,104,79)
```
#657e4f
```
#657e4f rgb(101,126,79)
```

Tetradic Color

#41324f
```
#41324f rgb(65,50,79)
```
#4e3b5f
```
#4e3b5f rgb(78,59,95)
```
#5b456e
```
#5b456e rgb(91,69,110)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#75598e
```
#75598e rgb(117,89,142)
```
#82639d
```
#82639d rgb(130,99,157)
```
#8e73a7
```
#8e73a7 rgb(142,115,167)
```

Monochromatic Color

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

#5c4f7e
```
#5c4f7e rgb(92,79,126)
```
#604f7e
```
#604f7e rgb(96,79,126)
```
#644f7e
```
#644f7e rgb(100,79,126)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#6c4f7e
```
#6c4f7e rgb(108,79,126)
```
#704f7e
```
#704f7e rgb(112,79,126)
```
#744f7e
```
#744f7e rgb(116,79,126)
```

Similar Colors

Text with hexadecimal color #684f7e

This text has a font color of #684f7e.

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

#684f7e background color

This paragraph has a background color of #684f7e.

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

#684f7e border color

This element has a border color of #684f7e.

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

CSS codes

.text {color:#684f7e;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0b11
```
#0e0b11 rgb(14,11,17)
```
#18131e
```
#18131e rgb(24,19,30)
```
#221a2a
```
#221a2a rgb(34,26,42)
```
#2c2236
```
#2c2236 rgb(44,34,54)
```
#362942
```
#362942 rgb(54,41,66)
```
#40314e
```
#40314e rgb(64,49,78)
```
#4a385a
```
#4a385a rgb(74,56,90)
```
#544066
```
#544066 rgb(84,64,102)
```
#5e4772
```
#5e4772 rgb(94,71,114)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#72578a
```
#72578a rgb(114,87,138)
```
#7c5e96
```
#7c5e96 rgb(124,94,150)
```

Shade Color Variation

#8668a0
```
#8668a0 rgb(134,104,160)
```
#8f74a8
```
#8f74a8 rgb(143,116,168)
```
#9980af
```
#9980af rgb(153,128,175)
```
#a38cb7
```
#a38cb7 rgb(163,140,183)
```
#ac98be
```
#ac98be rgb(172,152,190)
```
#b6a4c6
```
#b6a4c6 rgb(182,164,198)
```
#c0b0cd
```
#c0b0cd rgb(192,176,205)
```
#c9bcd5
```
#c9bcd5 rgb(201,188,213)
```
#d3c8dd
```
#d3c8dd rgb(211,200,221)
```
#ddd4e4
```
#ddd4e4 rgb(221,212,228)
```
#e6e0ec
```
#e6e0ec rgb(230,224,236)
```
#f0ecf3
```
#f0ecf3 rgb(240,236,243)
```
#faf8fb
```
#faf8fb rgb(250,248,251)
```

Tint Color Variation

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

#675f6e
```
#675f6e rgb(103,95,110)
```
#675776
```
#675776 rgb(103,87,118)
```
#684f7e
```
#684f7e rgb(104,79,126)
```
#694786
```
#694786 rgb(105,71,134)
```
#693f8e
```
#693f8e rgb(105,63,142)
```
#6a3796
```
#6a3796 rgb(106,55,150)
```
#6a2f9e
```
#6a2f9e rgb(106,47,158)
```
#6b28a5
```
#6b28a5 rgb(107,40,165)
```
#6b20ad
```
#6b20ad rgb(107,32,173)
```
#6c18b5
```
#6c18b5 rgb(108,24,181)
```
#6c10bd
```
#6c10bd rgb(108,16,189)
```
#6d08c5
```
#6d08c5 rgb(109,8,197)
```
#6d00cd
```
#6d00cd rgb(109,0,205)
```

Tone Color Variation

Below, you can see how #684f7e 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
#5e5963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52608a Protanopia 1% of men
#576081 Deuteranopia 1% of men
#695e65 Tritanopia 0.001% of the population

Trichromacy

#5a5a85 Protanomaly 1% of men, 0.01% of women
#5d5a80 Deuteranomaly 6% of men, 0.4% of women
#69596e Tritanomaly 0.01% of the population

#684f7e hex color

#684f7e Color Information

#684f7e Color Conversion

Color Schemes with #684f7e

Alternatives to #684f7e

#684f7e Preview

Shades and Tints of #684f7e

Tones of #684f7e

Color Blindness Simulator