#684c75 hex color

In a RGB color space, hex #684c75 is composed of 40.8% red, 29.8% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 35% magenta, 0% yellow and 54.1% black. It has a hue angle of 281 degrees, a saturation of 21.2% and a lightness of 37.8%. #684c75 color hex could be obtained by blending #d098ea with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 30
- B 46
RGB color chart
- C 11
- M 35
- Y 0
- K 54
CMYK color chart

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

The hexadecimal color #684c75 has RGB values of R:104, G:76, B:117 and CMYK values of C:0.11, M:0.35, Y:0, K:0.54. Its decimal value is 6835317.

Hex triplet	684c75	`#684c75`
RGB Decimal	104, 76, 117	`rgb(104,76,117)`
RGB Percent	40.8, 29.8, 45.9	`rgb(40.8%,29.8%,45.9%)`
CMYK	11, 35, 0, 54
HSL	281°, 21.2, 37.8	`hsl(281,21.2%,37.8%)`
HSV (or HSB)	281°, 35, 45.9
Web Safe	663366	`#663366`

CIE-LAB	36.737, 20.013, -18.914
XYZ	11.504, 9.397, 18.036
xyY	0.295, 0.241, 9.397
CIE-LCH	36.737, 27.537, 316.617
CIE-LUV	36.737, 11.905, -28.14
Hunter-Lab	30.654, 13.344, -13.428
Binary	01101000, 01001100, 01110101

#684c75
```
#684c75 rgb(104,76,117)
```
#59754c
```
#59754c rgb(89,117,76)
```

Complementary Color

#544c75
```
#544c75 rgb(84,76,117)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#754c6e
```
#754c6e rgb(117,76,110)
```

Analogous Color

#4c7554
```
#4c7554 rgb(76,117,84)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#6e754c
```
#6e754c rgb(110,117,76)
```

Split Complementary Color

#4c7568
```
#4c7568 rgb(76,117,104)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#75684c
```
#75684c rgb(117,104,76)
```

Triadic Color

#4c5975
```
#4c5975 rgb(76,89,117)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#75684c
```
#75684c rgb(117,104,76)
```
#59754c
```
#59754c rgb(89,117,76)
```

Tetradic Color

#3f2e47
```
#3f2e47 rgb(63,46,71)
```
#4d3856
```
#4d3856 rgb(77,56,86)
```
#5a4266
```
#5a4266 rgb(90,66,102)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#765684
```
#765684 rgb(118,86,132)
```
#836094
```
#836094 rgb(131,96,148)
```
#906da0
```
#906da0 rgb(144,109,160)
```

Monochromatic Color

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

#5e4c75
```
#5e4c75 rgb(94,76,117)
```
#614c75
```
#614c75 rgb(97,76,117)
```
#654c75
```
#654c75 rgb(101,76,117)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#6b4c75
```
#6b4c75 rgb(107,76,117)
```
#6f4c75
```
#6f4c75 rgb(111,76,117)
```
#724c75
```
#724c75 rgb(114,76,117)
```

Similar Colors

Text with hexadecimal color #684c75

This text has a font color of #684c75.

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

#684c75 background color

This paragraph has a background color of #684c75.

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

#684c75 border color

This element has a border color of #684c75.

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

CSS codes

.text {color:#684c75;}

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

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

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, #09060a is the darkest color, while #fefdfe is the lightest one.

#09060a
```
#09060a rgb(9,6,10)
```
#130e16
```
#130e16 rgb(19,14,22)
```
#1e1622
```
#1e1622 rgb(30,22,34)
```
#291e2e
```
#291e2e rgb(41,30,46)
```
#33253a
```
#33253a rgb(51,37,58)
```
#3e2d45
```
#3e2d45 rgb(62,45,69)
```
#483551
```
#483551 rgb(72,53,81)
```
#533d5d
```
#533d5d rgb(83,61,93)
```
#5d4469
```
#5d4469 rgb(93,68,105)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#735481
```
#735481 rgb(115,84,129)
```
#7d5b8d
```
#7d5b8d rgb(125,91,141)
```
#886399
```
#886399 rgb(136,99,153)
```

Shade Color Variation

#916ea1
```
#916ea1 rgb(145,110,161)
```
#9a7aa9
```
#9a7aa9 rgb(154,122,169)
```
#a386b1
```
#a386b1 rgb(163,134,177)
```
#ac92b8
```
#ac92b8 rgb(172,146,184)
```
#b59ec0
```
#b59ec0 rgb(181,158,192)
```
#beaac8
```
#beaac8 rgb(190,170,200)
```
#c7b6cf
```
#c7b6cf rgb(199,182,207)
```
#d0c2d7
```
#d0c2d7 rgb(208,194,215)
```
#d9cedf
```
#d9cedf rgb(217,206,223)
```
#e2d9e7
```
#e2d9e7 rgb(226,217,231)
```
#ebe5ee
```
#ebe5ee rgb(235,229,238)
```
#f5f1f6
```
#f5f1f6 rgb(245,241,246)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #635b66 is the less saturated color, while #8302bf is the most saturated one.

#635b66
```
#635b66 rgb(99,91,102)
```
#65536e
```
#65536e rgb(101,83,110)
```
#684c75
```
#684c75 rgb(104,76,117)
```
#6b457c
```
#6b457c rgb(107,69,124)
```
#6d3d84
```
#6d3d84 rgb(109,61,132)
```
#70368b
```
#70368b rgb(112,54,139)
```
#732e93
```
#732e93 rgb(115,46,147)
```
#76279a
```
#76279a rgb(118,39,154)
```
#781fa2
```
#781fa2 rgb(120,31,162)
```
#7b18a9
```
#7b18a9 rgb(123,24,169)
```
#7e11b0
```
#7e11b0 rgb(126,17,176)
```
#8009b8
```
#8009b8 rgb(128,9,184)
```
#8302bf
```
#8302bf rgb(131,2,191)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5c565f Atypical Achromatopsia 0.001% of the population

Dichromacy

#535d82 Protanopia 1% of men
#585d79 Deuteranopia 1% of men
#6b5a61 Tritanopia 0.001% of the population

Trichromacy

#5a577d Protanomaly 1% of men, 0.01% of women
#5e5777 Deuteranomaly 6% of men, 0.4% of women
#695568 Tritanomaly 0.01% of the population

#684c75 hex color

#684c75 Color Information

#684c75 Color Conversion

Color Schemes with #684c75

Alternatives to #684c75

#684c75 Preview

Shades and Tints of #684c75

Tones of #684c75

Color Blindness Simulator