#664e63 hex color

In a RGB color space, hex #664e63 is composed of 40% red, 30.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 2.9% yellow and 60% black. It has a hue angle of 307.5 degrees, a saturation of 13.3% and a lightness of 35.3%. #664e63 color hex could be obtained by blending #cc9cc6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 31
- B 39
RGB color chart
- C 0
- M 24
- Y 3
- K 60
CMYK color chart

● #664e63 color description : Very dark grayish magenta.

The hexadecimal color #664e63 has RGB values of R:102, G:78, B:99 and CMYK values of C:0, M:0.24, Y:0.03, K:0.6. Its decimal value is 6704739.

Hex triplet	664e63	`#664e63`
RGB Decimal	102, 78, 99	`rgb(102,78,99)`
RGB Percent	40, 30.6, 38.8	`rgb(40%,30.6%,38.8%)`
CMYK	0, 24, 3, 60
HSL	307.5°, 13.3, 35.3	`hsl(307.5,13.3%,35.3%)`
HSV (or HSB)	307.5°, 23.5, 40
Web Safe	666666	`#666666`

CIE-LAB	36.318, 14.065, -8.338
XYZ	10.456, 9.175, 13.024
xyY	0.32, 0.281, 9.175
CIE-LCH	36.318, 16.351, 329.339
CIE-LUV	36.318, 12.104, -12.805
Hunter-Lab	30.29, 8.61, -4.29
Binary	01100110, 01001110, 01100011

#664e63
```
#664e63 rgb(102,78,99)
```
#4e6651
```
#4e6651 rgb(78,102,81)
```

Complementary Color

#5d4e66
```
#5d4e66 rgb(93,78,102)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#664e57
```
#664e57 rgb(102,78,87)
```

Analogous Color

#4e665d
```
#4e665d rgb(78,102,93)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#57664e
```
#57664e rgb(87,102,78)
```

Split Complementary Color

#4e6366
```
#4e6366 rgb(78,99,102)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#63664e
```
#63664e rgb(99,102,78)
```

Triadic Color

#514e66
```
#514e66 rgb(81,78,102)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#63664e
```
#63664e rgb(99,102,78)
```
#4e6651
```
#4e6651 rgb(78,102,81)
```

Tetradic Color

#3b2d39
```
#3b2d39 rgb(59,45,57)
```
#493847
```
#493847 rgb(73,56,71)
```
#584355
```
#584355 rgb(88,67,85)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#745971
```
#745971 rgb(116,89,113)
```
#83647f
```
#83647f rgb(131,100,127)
```
#916f8d
```
#916f8d rgb(145,111,141)
```

Monochromatic Color

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

#634e66
```
#634e66 rgb(99,78,102)
```
#654e66
```
#654e66 rgb(101,78,102)
```
#664e65
```
#664e65 rgb(102,78,101)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#664e61
```
#664e61 rgb(102,78,97)
```
#664e5f
```
#664e5f rgb(102,78,95)
```
#664e5d
```
#664e5d rgb(102,78,93)
```

Similar Colors

Text with hexadecimal color #664e63

This text has a font color of #664e63.

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

#664e63 background color

This paragraph has a background color of #664e63.

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

#664e63 border color

This element has a border color of #664e63.

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

CSS codes

.text {color:#664e63;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0d0a0d
```
#0d0a0d rgb(13,10,13)
```
#181317
```
#181317 rgb(24,19,23)
```
#231b22
```
#231b22 rgb(35,27,34)
```
#2e242d
```
#2e242d rgb(46,36,45)
```
#3a2c38
```
#3a2c38 rgb(58,44,56)
```
#453543
```
#453543 rgb(69,53,67)
```
#503d4d
```
#503d4d rgb(80,61,77)
```
#5b4658
```
#5b4658 rgb(91,70,88)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#71576e
```
#71576e rgb(113,87,110)
```
#7c5f79
```
#7c5f79 rgb(124,95,121)
```
#876883
```
#876883 rgb(135,104,131)
```

Shade Color Variation

#92708e
```
#92708e rgb(146,112,142)
```
#9b7c97
```
#9b7c97 rgb(155,124,151)
```
#a3879f
```
#a3879f rgb(163,135,159)
```
#ac92a8
```
#ac92a8 rgb(172,146,168)
```
#b49db1
```
#b49db1 rgb(180,157,177)
```
#bda8ba
```
#bda8ba rgb(189,168,186)
```
#c5b3c3
```
#c5b3c3 rgb(197,179,195)
```
#cebecc
```
#cebecc rgb(206,190,204)
```
#d6c9d4
```
#d6c9d4 rgb(214,201,212)
```
#dfd5dd
```
#dfd5dd rgb(223,213,221)
```
#e7e0e6
```
#e7e0e6 rgb(231,224,230)
```
#f0ebef
```
#f0ebef rgb(240,235,239)
```
#f8f6f8
```
#f8f6f8 rgb(248,246,248)
```

Tint Color Variation

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

#5f555e
```
#5f555e rgb(95,85,94)
```
#664e63
```
#664e63 rgb(102,78,99)
```
#6d4768
```
#6d4768 rgb(109,71,104)
```
#74406d
```
#74406d rgb(116,64,109)
```
#7b3973
```
#7b3973 rgb(123,57,115)
```
#823278
```
#823278 rgb(130,50,120)
```
#892b7d
```
#892b7d rgb(137,43,125)
```
#902482
```
#902482 rgb(144,36,130)
```
#961e87
```
#961e87 rgb(150,30,135)
```
#9d178d
```
#9d178d rgb(157,23,141)
```
#a41092
```
#a41092 rgb(164,16,146)
```
#ab0997
```
#ab0997 rgb(171,9,151)
```
#b2029c
```
#b2029c rgb(178,2,156)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5b565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5d6e Protanopia 1% of men
#615c69 Deuteranopia 1% of men
#6c595f Tritanopia 0.001% of the population

Trichromacy

#5e576a Protanomaly 1% of men, 0.01% of women
#635667 Deuteranomaly 6% of men, 0.4% of women
#695560 Tritanomaly 0.01% of the population

#664e63 hex color

#664e63 Color Information

#664e63 Color Conversion

Color Schemes with #664e63

Alternatives to #664e63

#664e63 Preview

Shades and Tints of #664e63

Tones of #664e63

Color Blindness Simulator