#684957 hex color

In a RGB color space, hex #684957 is composed of 40.8% red, 28.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 16.3% yellow and 59.2% black. It has a hue angle of 332.9 degrees, a saturation of 17.5% and a lightness of 34.7%. #684957 color hex could be obtained by blending #d092ae with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 29
- B 34
RGB color chart
- C 0
- M 30
- Y 16
- K 59
CMYK color chart

● #684957 color description : Very dark grayish pink.

The hexadecimal color #684957 has RGB values of R:104, G:73, B:87 and CMYK values of C:0, M:0.3, Y:0.16, K:0.59. Its decimal value is 6834519.

Hex triplet	684957	`#684957`
RGB Decimal	104, 73, 87	`rgb(104,73,87)`
RGB Percent	40.8, 28.6, 34.1	`rgb(40.8%,28.6%,34.1%)`
CMYK	0, 30, 16, 59
HSL	332.9°, 17.5, 34.7	`hsl(332.9,17.5%,34.7%)`
HSV (or HSB)	332.9°, 29.8, 40.8
Web Safe	663366	`#663366`

CIE-LAB	34.796, 15.604, -3.017
XYZ	9.812, 8.397, 10.12
xyY	0.346, 0.296, 8.397
CIE-LCH	34.796, 15.893, 349.058
CIE-LUV	34.796, 17.375, -6.075
Hunter-Lab	28.977, 9.731, -0.423
Binary	01101000, 01001001, 01010111

#684957
```
#684957 rgb(104,73,87)
```
#49685a
```
#49685a rgb(73,104,90)
```

Complementary Color

#684967
```
#684967 rgb(104,73,103)
```
#684957
```
#684957 rgb(104,73,87)
```
#684b49
```
#684b49 rgb(104,75,73)
```

Analogous Color

#496768
```
#496768 rgb(73,103,104)
```
#684957
```
#684957 rgb(104,73,87)
```
#49684b
```
#49684b rgb(73,104,75)
```

Split Complementary Color

#495768
```
#495768 rgb(73,87,104)
```
#684957
```
#684957 rgb(104,73,87)
```
#576849
```
#576849 rgb(87,104,73)
```

Triadic Color

#5a4968
```
#5a4968 rgb(90,73,104)
```
#684957
```
#684957 rgb(104,73,87)
```
#576849
```
#576849 rgb(87,104,73)
```
#49685a
```
#49685a rgb(73,104,90)
```

Tetradic Color

#3b2931
```
#3b2931 rgb(59,41,49)
```
#4a343e
```
#4a343e rgb(74,52,62)
```
#593e4a
```
#593e4a rgb(89,62,74)
```
#684957
```
#684957 rgb(104,73,87)
```
#775464
```
#775464 rgb(119,84,100)
```
#865e70
```
#865e70 rgb(134,94,112)
```
#95697d
```
#95697d rgb(149,105,125)
```

Monochromatic Color

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

#68495f
```
#68495f rgb(104,73,95)
```
#68495c
```
#68495c rgb(104,73,92)
```
#68495a
```
#68495a rgb(104,73,90)
```
#684957
```
#684957 rgb(104,73,87)
```
#684954
```
#684954 rgb(104,73,84)
```
#684952
```
#684952 rgb(104,73,82)
```
#68494f
```
#68494f rgb(104,73,79)
```

Similar Colors

Text with hexadecimal color #684957

This text has a font color of #684957.

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

#684957 background color

This paragraph has a background color of #684957.

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

#684957 border color

This element has a border color of #684957.

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

CSS codes

.text {color:#684957;}

.background {background-color:#684957;}

.border {border:1px solid #684957;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0c080a
```
#0c080a rgb(12,8,10)
```
#171014
```
#171014 rgb(23,16,20)
```
#23181d
```
#23181d rgb(35,24,29)
```
#2e2127
```
#2e2127 rgb(46,33,39)
```
#3a2930
```
#3a2930 rgb(58,41,48)
```
#45313a
```
#45313a rgb(69,49,58)
```
#513944
```
#513944 rgb(81,57,68)
```
#5c414d
```
#5c414d rgb(92,65,77)
```
#684957
```
#684957 rgb(104,73,87)
```
#745161
```
#745161 rgb(116,81,97)
```
#7f596a
```
#7f596a rgb(127,89,106)
```
#8b6174
```
#8b6174 rgb(139,97,116)
```

Shade Color Variation

#96697e
```
#96697e rgb(150,105,126)
```
#9e7588
```
#9e7588 rgb(158,117,136)
```
#a68092
```
#a68092 rgb(166,128,146)
```
#ae8c9b
```
#ae8c9b rgb(174,140,155)
```
#b698a5
```
#b698a5 rgb(182,152,165)
```
#bea3af
```
#bea3af rgb(190,163,175)
```
#c7afb9
```
#c7afb9 rgb(199,175,185)
```
#cfbac3
```
#cfbac3 rgb(207,186,195)
```
#d7c6cd
```
#d7c6cd rgb(215,198,205)
```
#dfd1d7
```
#dfd1d7 rgb(223,209,215)
```
#e7dde1
```
#e7dde1 rgb(231,221,225)
```
#efe8eb
```
#efe8eb rgb(239,232,235)
```
#f7f4f5
```
#f7f4f5 rgb(247,244,245)
```

Tint Color Variation

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

#5a5758
```
#5a5758 rgb(90,87,88)
```
#615058
```
#615058 rgb(97,80,88)
```
#684957
```
#684957 rgb(104,73,87)
```
#6f4256
```
#6f4256 rgb(111,66,86)
```
#763b56
```
#763b56 rgb(118,59,86)
```
#7c3555
```
#7c3555 rgb(124,53,85)
```
#832e54
```
#832e54 rgb(131,46,84)
```
#8a2754
```
#8a2754 rgb(138,39,84)
```
#912053
```
#912053 rgb(145,32,83)
```
#981952
```
#981952 rgb(152,25,82)
```
#9e1352
```
#9e1352 rgb(158,19,82)
```
#a50c51
```
#a50c51 rgb(165,12,81)
```
#ac0550
```
#ac0550 rgb(172,5,80)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#585255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595a64 Protanopia 1% of men
#61585e Deuteranopia 1% of men
#6f5359 Tritanopia 0.001% of the population

Trichromacy

#5e535f Protanomaly 1% of men, 0.01% of women
#64525b Deuteranomaly 6% of men, 0.4% of women
#6c4f58 Tritanomaly 0.01% of the population

#684957 hex color

#684957 Color Information

#684957 Color Conversion

Color Schemes with #684957

Alternatives to #684957

#684957 Preview

Shades and Tints of #684957

Tones of #684957

Color Blindness Simulator