#684f7d hex color

In a RGB color space, hex #684f7d is composed of 40.8% red, 31% green and 49% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 36.8% magenta, 0% yellow and 51% black. It has a hue angle of 272.6 degrees, a saturation of 22.5% and a lightness of 40%. #684f7d color hex could be obtained by blending #d09efa 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

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

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

Hex triplet	684f7d	`#684f7d`
RGB Decimal	104, 79, 125	`rgb(104,79,125)`
RGB Percent	40.8, 31, 49	`rgb(40.8%,31%,49%)`
CMYK	17, 37, 0, 51
HSL	272.6°, 22.5, 40	`hsl(272.6,22.5%,40%)`
HSV (or HSB)	272.6°, 36.8, 49
Web Safe	666666	`#666666`

CIE-LAB	37.871, 20.058, -22.103
XYZ	12.206, 10.016, 20.691
xyY	0.284, 0.233, 10.016
CIE-LCH	37.871, 29.848, 312.223
CIE-LUV	37.871, 9.661, -32.907
Hunter-Lab	31.648, 13.461, -16.61
Binary	01101000, 01001111, 01111101

#684f7d
```
#684f7d rgb(104,79,125)
```
#647d4f
```
#647d4f rgb(100,125,79)
```

Complementary Color

#514f7d
```
#514f7d rgb(81,79,125)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#7d4f7b
```
#7d4f7b rgb(125,79,123)
```

Analogous Color

#4f7d51
```
#4f7d51 rgb(79,125,81)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#7b7d4f
```
#7b7d4f rgb(123,125,79)
```

Split Complementary Color

#4f7d68
```
#4f7d68 rgb(79,125,104)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#7d684f
```
#7d684f rgb(125,104,79)
```

Triadic Color

#4f647d
```
#4f647d rgb(79,100,125)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#7d684f
```
#7d684f rgb(125,104,79)
```
#647d4f
```
#647d4f rgb(100,125,79)
```

Tetradic Color

#41314e
```
#41314e rgb(65,49,78)
```
#4e3b5e
```
#4e3b5e rgb(78,59,94)
```
#5b456d
```
#5b456d rgb(91,69,109)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#75598d
```
#75598d rgb(117,89,141)
```
#82639c
```
#82639c rgb(130,99,156)
```
#8f72a6
```
#8f72a6 rgb(143,114,166)
```

Monochromatic Color

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

#5d4f7d
```
#5d4f7d rgb(93,79,125)
```
#604f7d
```
#604f7d rgb(96,79,125)
```
#644f7d
```
#644f7d rgb(100,79,125)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#6c4f7d
```
#6c4f7d rgb(108,79,125)
```
#704f7d
```
#704f7d rgb(112,79,125)
```
#744f7d
```
#744f7d rgb(116,79,125)
```

Similar Colors

Text with hexadecimal color #684f7d

This text has a font color of #684f7d.

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

#684f7d background color

This paragraph has a background color of #684f7d.

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

#684f7d border color

This element has a border color of #684f7d.

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

CSS codes

.text {color:#684f7d;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0b11
```
#0e0b11 rgb(14,11,17)
```
#18121d
```
#18121d rgb(24,18,29)
```
#221a29
```
#221a29 rgb(34,26,41)
```
#2c2135
```
#2c2135 rgb(44,33,53)
```
#362941
```
#362941 rgb(54,41,65)
```
#40314d
```
#40314d rgb(64,49,77)
```
#4a3859
```
#4a3859 rgb(74,56,89)
```
#544065
```
#544065 rgb(84,64,101)
```
#5e4771
```
#5e4771 rgb(94,71,113)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#725789
```
#725789 rgb(114,87,137)
```
#7c5e95
```
#7c5e95 rgb(124,94,149)
```

Shade Color Variation

#86689f
```
#86689f rgb(134,104,159)
```
#8f74a7
```
#8f74a7 rgb(143,116,167)
```
#9980ae
```
#9980ae rgb(153,128,174)
```
#a38cb6
```
#a38cb6 rgb(163,140,182)
```
#ac98be
```
#ac98be rgb(172,152,190)
```
#b6a4c5
```
#b6a4c5 rgb(182,164,197)
```
#c0b0cd
```
#c0b0cd rgb(192,176,205)
```
#c9bcd4
```
#c9bcd4 rgb(201,188,212)
```
#d3c8dc
```
#d3c8dc rgb(211,200,220)
```
#dcd4e4
```
#dcd4e4 rgb(220,212,228)
```
#e6e0eb
```
#e6e0eb rgb(230,224,235)
```
#f0ecf3
```
#f0ecf3 rgb(240,236,243)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#675f6d
```
#675f6d rgb(103,95,109)
```
#675775
```
#675775 rgb(103,87,117)
```
#684f7d
```
#684f7d rgb(104,79,125)
```
#694785
```
#694785 rgb(105,71,133)
```
#693f8d
```
#693f8d rgb(105,63,141)
```
#6a3795
```
#6a3795 rgb(106,55,149)
```
#6b309c
```
#6b309c rgb(107,48,156)
```
#6b28a4
```
#6b28a4 rgb(107,40,164)
```
#6c20ac
```
#6c20ac rgb(108,32,172)
```
#6d18b4
```
#6d18b4 rgb(109,24,180)
```
#6d10bc
```
#6d10bc rgb(109,16,188)
```
#6e08c4
```
#6e08c4 rgb(110,8,196)
```
#6f01cb
```
#6f01cb rgb(111,1,203)
```

Tone Color Variation

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

#536089 Protanopia 1% of men
#586080 Deuteranopia 1% of men
#695e65 Tritanopia 0.001% of the population

Trichromacy

#5a5a84 Protanomaly 1% of men, 0.01% of women
#5d5a7f Deuteranomaly 6% of men, 0.4% of women
#69596d Tritanomaly 0.01% of the population

#684f7d hex color

#684f7d Color Information

#684f7d Color Conversion

Color Schemes with #684f7d

Alternatives to #684f7d

#684f7d Preview

Shades and Tints of #684f7d

Tones of #684f7d

Color Blindness Simulator