#664d8e hex color

In a RGB color space, hex #664d8e is composed of 40% red, 30.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 28.2% cyan, 45.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 263.1 degrees, a saturation of 29.7% and a lightness of 42.9%. #664d8e color hex could be obtained by blending #cc9aff with #00001d. Closest websafe color is: #666699.

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

● #664d8e color description : Dark moderate violet.

The hexadecimal color #664d8e has RGB values of R:102, G:77, B:142 and CMYK values of C:0.28, M:0.46, Y:0, K:0.44. Its decimal value is 6704526.

Hex triplet	664d8e	`#664d8e`
RGB Decimal	102, 77, 142	`rgb(102,77,142)`
RGB Percent	40, 30.2, 55.7	`rgb(40%,30.2%,55.7%)`
CMYK	28, 46, 0, 44
HSL	263.1°, 29.7, 42.9	`hsl(263.1,29.7%,42.9%)`
HSV (or HSB)	263.1°, 45.8, 55.7
Web Safe	666699	`#666699`

CIE-LAB	37.996, 24.975, -32.323
XYZ	13.015, 10.086, 26.851
xyY	0.261, 0.202, 10.086
CIE-LCH	37.996, 40.848, 307.692
CIE-LUV	37.996, 7.301, -48.219
Hunter-Lab	31.758, 17.577, -27.898
Binary	01100110, 01001101, 10001110

#664d8e
```
#664d8e rgb(102,77,142)
```
#758e4d
```
#758e4d rgb(117,142,77)
```

Complementary Color

#4d558e
```
#4d558e rgb(77,85,142)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#874d8e
```
#874d8e rgb(135,77,142)
```

Analogous Color

#558e4d
```
#558e4d rgb(85,142,77)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#8e874d
```
#8e874d rgb(142,135,77)
```

Split Complementary Color

#4d8e66
```
#4d8e66 rgb(77,142,102)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#8e664d
```
#8e664d rgb(142,102,77)
```

Triadic Color

#4d758e
```
#4d758e rgb(77,117,142)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#8e664d
```
#8e664d rgb(142,102,77)
```
#758e4d
```
#758e4d rgb(117,142,77)
```

Tetradic Color

#42325c
```
#42325c rgb(66,50,92)
```
#4e3b6d
```
#4e3b6d rgb(78,59,109)
```
#5a447d
```
#5a447d rgb(90,68,125)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#72569f
```
#72569f rgb(114,86,159)
```
#7f63ab
```
#7f63ab rgb(127,99,171)
```
#8c74b4
```
#8c74b4 rgb(140,116,180)
```

Monochromatic Color

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

#564d8e
```
#564d8e rgb(86,77,142)
```
#5b4d8e
```
#5b4d8e rgb(91,77,142)
```
#614d8e
```
#614d8e rgb(97,77,142)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#6b4d8e
```
#6b4d8e rgb(107,77,142)
```
#714d8e
```
#714d8e rgb(113,77,142)
```
#764d8e
```
#764d8e rgb(118,77,142)
```

Similar Colors

Text with hexadecimal color #664d8e

This text has a font color of #664d8e.

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

#664d8e background color

This paragraph has a background color of #664d8e.

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

#664d8e border color

This element has a border color of #664d8e.

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

CSS codes

.text {color:#664d8e;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0b080f
```
#0b080f rgb(11,8,15)
```
#140f1c
```
#140f1c rgb(20,15,28)
```
#1d1628
```
#1d1628 rgb(29,22,40)
```
#261d35
```
#261d35 rgb(38,29,53)
```
#2f2442
```
#2f2442 rgb(47,36,66)
```
#382b4e
```
#382b4e rgb(56,43,78)
```
#41315b
```
#41315b rgb(65,49,91)
```
#4b3868
```
#4b3868 rgb(75,56,104)
```
#543f75
```
#543f75 rgb(84,63,117)
```
#5d4681
```
#5d4681 rgb(93,70,129)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#6f549b
```
#6f549b rgb(111,84,155)
```

Shade Color Variation

#785ca6
```
#785ca6 rgb(120,92,166)
```
#8368ad
```
#8368ad rgb(131,104,173)
```
#8d75b4
```
#8d75b4 rgb(141,117,180)
```
#9882bb
```
#9882bb rgb(152,130,187)
```
#a28fc2
```
#a28fc2 rgb(162,143,194)
```
#ad9bc9
```
#ad9bc9 rgb(173,155,201)
```
#b7a8d0
```
#b7a8d0 rgb(183,168,208)
```
#c2b5d7
```
#c2b5d7 rgb(194,181,215)
```
#ccc2de
```
#ccc2de rgb(204,194,222)
```
#d7cee5
```
#d7cee5 rgb(215,206,229)
```
#e1dbeb
```
#e1dbeb rgb(225,219,235)
```
#ece8f2
```
#ece8f2 rgb(236,232,242)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6675 is the less saturated color, while #5501da is the most saturated one.

#6c6675
```
#6c6675 rgb(108,102,117)
```
#6a5e7d
```
#6a5e7d rgb(106,94,125)
```
#685586
```
#685586 rgb(104,85,134)
```
#664d8e
```
#664d8e rgb(102,77,142)
```
#644596
```
#644596 rgb(100,69,150)
```
#623c9f
```
#623c9f rgb(98,60,159)
```
#6034a7
```
#6034a7 rgb(96,52,167)
```
#5e2bb0
```
#5e2bb0 rgb(94,43,176)
```
#5c23b8
```
#5c23b8 rgb(92,35,184)
```
#5a1ac1
```
#5a1ac1 rgb(90,26,193)
```
#5812c9
```
#5812c9 rgb(88,18,201)
```
#560ad1
```
#560ad1 rgb(86,10,209)
```
#5501da
```
#5501da rgb(85,1,218)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5e5966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#47609b Protanopia 1% of men
#49618f Deuteranopia 1% of men
#636067 Tritanopia 0.001% of the population

Trichromacy

#525996 Protanomaly 1% of men, 0.01% of women
#545a8f Deuteranomaly 6% of men, 0.4% of women
#645975 Tritanomaly 0.01% of the population

#664d8e hex color

#664d8e Color Information

#664d8e Color Conversion

Color Schemes with #664d8e

Alternatives to #664d8e

#664d8e Preview

Shades and Tints of #664d8e

Tones of #664d8e

Color Blindness Simulator