#664d6f hex color

In a RGB color space, hex #664d6f is composed of 40% red, 30.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 30.6% magenta, 0% yellow and 56.5% black. It has a hue angle of 284.1 degrees, a saturation of 18.1% and a lightness of 36.9%. #664d6f color hex could be obtained by blending #cc9ade with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 30
- B 44
RGB color chart
- C 8
- M 31
- Y 0
- K 56
CMYK color chart

● #664d6f color description : Very dark grayish violet.

The hexadecimal color #664d6f has RGB values of R:102, G:77, B:111 and CMYK values of C:0.08, M:0.31, Y:0, K:0.56. Its decimal value is 6704495.

Hex triplet	664d6f	`#664d6f`
RGB Decimal	102, 77, 111	`rgb(102,77,111)`
RGB Percent	40, 30.2, 43.5	`rgb(40%,30.2%,43.5%)`
CMYK	8, 31, 0, 56
HSL	284.1°, 18.1, 36.9	`hsl(284.1,18.1%,36.9%)`
HSV (or HSB)	284.1°, 30.6, 43.5
Web Safe	666666	`#666666`

CIE-LAB	36.519, 17.305, -15.537
XYZ	11.002, 9.28, 16.25
xyY	0.301, 0.254, 9.28
CIE-LCH	36.519, 23.256, 318.081
CIE-LUV	36.519, 11.088, -23.039
Hunter-Lab	30.464, 11.155, -10.301
Binary	01100110, 01001101, 01101111

#664d6f
```
#664d6f rgb(102,77,111)
```
#566f4d
```
#566f4d rgb(86,111,77)
```

Complementary Color

#554d6f
```
#554d6f rgb(85,77,111)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#6f4d67
```
#6f4d67 rgb(111,77,103)
```

Analogous Color

#4d6f55
```
#4d6f55 rgb(77,111,85)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#676f4d
```
#676f4d rgb(103,111,77)
```

Split Complementary Color

#4d6f66
```
#4d6f66 rgb(77,111,102)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#6f664d
```
#6f664d rgb(111,102,77)
```

Triadic Color

#4d566f
```
#4d566f rgb(77,86,111)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#6f664d
```
#6f664d rgb(111,102,77)
```
#566f4d
```
#566f4d rgb(86,111,77)
```

Tetradic Color

#3c2e42
```
#3c2e42 rgb(60,46,66)
```
#4a3851
```
#4a3851 rgb(74,56,81)
```
#584360
```
#584360 rgb(88,67,96)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#74577e
```
#74577e rgb(116,87,126)
```
#82628d
```
#82628d rgb(130,98,141)
```
#8f6e9a
```
#8f6e9a rgb(143,110,154)
```

Monochromatic Color

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

#5e4d6f
```
#5e4d6f rgb(94,77,111)
```
#604d6f
```
#604d6f rgb(96,77,111)
```
#634d6f
```
#634d6f rgb(99,77,111)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#694d6f
```
#694d6f rgb(105,77,111)
```
#6c4d6f
```
#6c4d6f rgb(108,77,111)
```
#6f4d6f
```
#6f4d6f rgb(111,77,111)
```

Similar Colors

Text with hexadecimal color #664d6f

This text has a font color of #664d6f.

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

#664d6f background color

This paragraph has a background color of #664d6f.

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

#664d6f border color

This element has a border color of #664d6f.

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

CSS codes

.text {color:#664d6f;}

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

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

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

#060507
```
#060507 rgb(6,5,7)
```
#110d12
```
#110d12 rgb(17,13,18)
```
#1c151e
```
#1c151e rgb(28,21,30)
```
#261d2a
```
#261d2a rgb(38,29,42)
```
#312535
```
#312535 rgb(49,37,53)
```
#3b2d41
```
#3b2d41 rgb(59,45,65)
```
#46354c
```
#46354c rgb(70,53,76)
```
#513d58
```
#513d58 rgb(81,61,88)
```
#5b4563
```
#5b4563 rgb(91,69,99)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#71557b
```
#71557b rgb(113,85,123)
```
#7b5d86
```
#7b5d86 rgb(123,93,134)
```
#866592
```
#866592 rgb(134,101,146)
```

Shade Color Variation

#906f9b
```
#906f9b rgb(144,111,155)
```
#997ba3
```
#997ba3 rgb(153,123,163)
```
#a286ab
```
#a286ab rgb(162,134,171)
```
#ab92b3
```
#ab92b3 rgb(171,146,179)
```
#b39ebb
```
#b39ebb rgb(179,158,187)
```
#bca9c3
```
#bca9c3 rgb(188,169,195)
```
#c5b5cb
```
#c5b5cb rgb(197,181,203)
```
#cec0d3
```
#cec0d3 rgb(206,192,211)
```
#d7ccdc
```
#d7ccdc rgb(215,204,220)
```
#e0d7e4
```
#e0d7e4 rgb(224,215,228)
```
#e9e3ec
```
#e9e3ec rgb(233,227,236)
```
#f2eff4
```
#f2eff4 rgb(242,239,244)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

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

#5f5b61
```
#5f5b61 rgb(95,91,97)
```
#635468
```
#635468 rgb(99,84,104)
```
#664d6f
```
#664d6f rgb(102,77,111)
```
#694676
```
#694676 rgb(105,70,118)
```
#6d3f7d
```
#6d3f7d rgb(109,63,125)
```
#703785
```
#703785 rgb(112,55,133)
```
#74308c
```
#74308c rgb(116,48,140)
```
#772993
```
#772993 rgb(119,41,147)
```
#7a229a
```
#7a229a rgb(122,34,154)
```
#7e1aa2
```
#7e1aa2 rgb(126,26,162)
```
#8113a9
```
#8113a9 rgb(129,19,169)
```
#850cb0
```
#850cb0 rgb(133,12,176)
```
#8805b7
```
#8805b7 rgb(136,5,183)
```

Tone Color Variation

Below, you can see how #664d6f 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
#5b565d Atypical Achromatopsia 0.001% of the population

Dichromacy

#555d7b Protanopia 1% of men
#5b5d74 Deuteranopia 1% of men
#6a5a61 Tritanopia 0.001% of the population

Trichromacy

#5b5776 Protanomaly 1% of men, 0.01% of women
#5f5772 Deuteranomaly 6% of men, 0.4% of women
#685566 Tritanomaly 0.01% of the population

#664d6f hex color

#664d6f Color Information

#664d6f Color Conversion

Color Schemes with #664d6f

Alternatives to #664d6f

#664d6f Preview

Shades and Tints of #664d6f

Tones of #664d6f

Color Blindness Simulator