#664d57 hex color

In a RGB color space, hex #664d57 is composed of 40% red, 30.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 14.7% yellow and 60% black. It has a hue angle of 336 degrees, a saturation of 14% and a lightness of 35.1%. #664d57 color hex could be obtained by blending #cc9aae with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 30
- B 34
RGB color chart
- C 0
- M 25
- Y 15
- K 60
CMYK color chart

● #664d57 color description : Very dark grayish pink.

The hexadecimal color #664d57 has RGB values of R:102, G:77, B:87 and CMYK values of C:0, M:0.25, Y:0.15, K:0.6. Its decimal value is 6704471.

Hex triplet	664d57	`#664d57`
RGB Decimal	102, 77, 87	`rgb(102,77,87)`
RGB Percent	40, 30.2, 34.1	`rgb(40%,30.2%,34.1%)`
CMYK	0, 25, 15, 60
HSL	336°, 14, 35.1	`hsl(336,14%,35.1%)`
HSV (or HSB)	336°, 24.5, 40
Web Safe	666666	`#666666`

CIE-LAB	35.637, 12.31, -1.803
XYZ	9.853, 8.821, 10.2
xyY	0.341, 0.305, 8.821
CIE-LCH	35.637, 12.441, 351.668
CIE-LUV	35.637, 14.034, -4.089
Hunter-Lab	29.7, 7.245, 0.428
Binary	01100110, 01001101, 01010111

#664d57
```
#664d57 rgb(102,77,87)
```
#4d665c
```
#4d665c rgb(77,102,92)
```

Complementary Color

#664d64
```
#664d64 rgb(102,77,100)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#66504d
```
#66504d rgb(102,80,77)
```

Analogous Color

#4d6466
```
#4d6466 rgb(77,100,102)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#4d6650
```
#4d6650 rgb(77,102,80)
```

Split Complementary Color

#4d5766
```
#4d5766 rgb(77,87,102)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#57664d
```
#57664d rgb(87,102,77)
```

Triadic Color

#5c4d66
```
#5c4d66 rgb(92,77,102)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#57664d
```
#57664d rgb(87,102,77)
```
#4d665c
```
#4d665c rgb(77,102,92)
```

Tetradic Color

#3a2c32
```
#3a2c32 rgb(58,44,50)
```
#49373e
```
#49373e rgb(73,55,62)
```
#57424b
```
#57424b rgb(87,66,75)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#755863
```
#755863 rgb(117,88,99)
```
#836370
```
#836370 rgb(131,99,112)
```
#926e7c
```
#926e7c rgb(146,110,124)
```

Monochromatic Color

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

#664d5d
```
#664d5d rgb(102,77,93)
```
#664d5b
```
#664d5b rgb(102,77,91)
```
#664d59
```
#664d59 rgb(102,77,89)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#664d55
```
#664d55 rgb(102,77,85)
```
#664d53
```
#664d53 rgb(102,77,83)
```
#664d51
```
#664d51 rgb(102,77,81)
```

Similar Colors

Text with hexadecimal color #664d57

This text has a font color of #664d57.

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

#664d57 background color

This paragraph has a background color of #664d57.

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

#664d57 border color

This element has a border color of #664d57.

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

CSS codes

.text {color:#664d57;}

.background {background-color:#664d57;}

.border {border:1px solid #664d57;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0d090b
```
#0d090b rgb(13,9,11)
```
#181214
```
#181214 rgb(24,18,20)
```
#231a1e
```
#231a1e rgb(35,26,30)
```
#2e2327
```
#2e2327 rgb(46,35,39)
```
#392b31
```
#392b31 rgb(57,43,49)
```
#44343a
```
#44343a rgb(68,52,58)
```
#503c44
```
#503c44 rgb(80,60,68)
```
#5b454d
```
#5b454d rgb(91,69,77)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#715561
```
#715561 rgb(113,85,97)
```
#7c5e6a
```
#7c5e6a rgb(124,94,106)
```
#886674
```
#886674 rgb(136,102,116)
```

Shade Color Variation

#926f7d
```
#926f7d rgb(146,111,125)
```
#9b7a87
```
#9b7a87 rgb(155,122,135)
```
#a38591
```
#a38591 rgb(163,133,145)
```
#ac919b
```
#ac919b rgb(172,145,155)
```
#b49ca6
```
#b49ca6 rgb(180,156,166)
```
#bda7b0
```
#bda7b0 rgb(189,167,176)
```
#c5b2ba
```
#c5b2ba rgb(197,178,186)
```
#cdbdc4
```
#cdbdc4 rgb(205,189,196)
```
#d6c9ce
```
#d6c9ce rgb(214,201,206)
```
#ded4d8
```
#ded4d8 rgb(222,212,216)
```
#e7dfe2
```
#e7dfe2 rgb(231,223,226)
```
#efeaec
```
#efeaec rgb(239,234,236)
```
#f8f5f6
```
#f8f5f6 rgb(248,245,246)
```

Tint Color Variation

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

#5f5458
```
#5f5458 rgb(95,84,88)
```
#664d57
```
#664d57 rgb(102,77,87)
```
#6d4656
```
#6d4656 rgb(109,70,86)
```
#743f54
```
#743f54 rgb(116,63,84)
```
#7b3853
```
#7b3853 rgb(123,56,83)
```
#823151
```
#823151 rgb(130,49,81)
```
#882b50
```
#882b50 rgb(136,43,80)
```
#8f244f
```
#8f244f rgb(143,36,79)
```
#961d4d
```
#961d4d rgb(150,29,77)
```
#9d164c
```
#9d164c rgb(157,22,76)
```
#a40f4b
```
#a40f4b rgb(164,15,75)
```
#ab0849
```
#ab0849 rgb(171,8,73)
```
#b20148
```
#b20148 rgb(178,1,72)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#595456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5c62 Protanopia 1% of men
#645a5e Deuteranopia 1% of men
#6d565c Tritanopia 0.001% of the population

Trichromacy

#5f565e Protanomaly 1% of men, 0.01% of women
#64555b Deuteranomaly 6% of men, 0.4% of women
#6a535a Tritanomaly 0.01% of the population

#664d57 hex color

#664d57 Color Information

#664d57 Color Conversion

Color Schemes with #664d57

Alternatives to #664d57

#664d57 Preview

Shades and Tints of #664d57

Tones of #664d57

Color Blindness Simulator