#664c80 hex color

In a RGB color space, hex #664c80 is composed of 40% red, 29.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 40.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 270 degrees, a saturation of 25.5% and a lightness of 40%. #664c80 color hex could be obtained by blending #cc98ff with #000001. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 30
- B 50
RGB color chart
- C 20
- M 41
- Y 0
- K 50
CMYK color chart

● #664c80 color description : Mostly desaturated dark violet.

The hexadecimal color #664c80 has RGB values of R:102, G:76, B:128 and CMYK values of C:0.2, M:0.41, Y:0, K:0.5. Its decimal value is 6704256.

Hex triplet	664c80	`#664c80`
RGB Decimal	102, 76, 128	`rgb(102,76,128)`
RGB Percent	40, 29.8, 50.2	`rgb(40%,29.8%,50.2%)`
CMYK	20, 41, 0, 50
HSL	270°, 25.5, 40	`hsl(270,25.5%,40%)`
HSV (or HSB)	270°, 40.6, 50.2
Web Safe	663399	`#663399`

CIE-LAB	37.027, 21.988, -25.281
XYZ	11.96, 9.552, 21.635
xyY	0.277, 0.221, 9.552
CIE-LCH	37.027, 33.505, 311.015
CIE-LUV	37.027, 9.368, -37.46
Hunter-Lab	30.907, 14.985, -19.868
Binary	01100110, 01001100, 10000000

#664c80
```
#664c80 rgb(102,76,128)
```
#66804c
```
#66804c rgb(102,128,76)
```

Complementary Color

#4c4c80
```
#4c4c80 rgb(76,76,128)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#804c80
```
#804c80 rgb(128,76,128)
```

Analogous Color

#4c804c
```
#4c804c rgb(76,128,76)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#80804c
```
#80804c rgb(128,128,76)
```

Split Complementary Color

#4c8066
```
#4c8066 rgb(76,128,102)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#80664c
```
#80664c rgb(128,102,76)
```

Triadic Color

#4c6680
```
#4c6680 rgb(76,102,128)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#80664c
```
#80664c rgb(128,102,76)
```
#66804c
```
#66804c rgb(102,128,76)
```

Tetradic Color

#403050
```
#403050 rgb(64,48,80)
```
#4d3960
```
#4d3960 rgb(77,57,96)
```
#594370
```
#594370 rgb(89,67,112)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#735690
```
#735690 rgb(115,86,144)
```
#805fa0
```
#805fa0 rgb(128,95,160)
```
#8c6faa
```
#8c6faa rgb(140,111,170)
```

Monochromatic Color

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

#594c80
```
#594c80 rgb(89,76,128)
```
#5d4c80
```
#5d4c80 rgb(93,76,128)
```
#624c80
```
#624c80 rgb(98,76,128)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#6a4c80
```
#6a4c80 rgb(106,76,128)
```
#6f4c80
```
#6f4c80 rgb(111,76,128)
```
#734c80
```
#734c80 rgb(115,76,128)
```

Similar Colors

Text with hexadecimal color #664c80

This text has a font color of #664c80.

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

#664c80 background color

This paragraph has a background color of #664c80.

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

#664c80 border color

This element has a border color of #664c80.

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

CSS codes

.text {color:#664c80;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a11
```
#0e0a11 rgb(14,10,17)
```
#18121e
```
#18121e rgb(24,18,30)
```
#21192a
```
#21192a rgb(33,25,42)
```
#2b2036
```
#2b2036 rgb(43,32,54)
```
#352742
```
#352742 rgb(53,39,66)
```
#3f2f4f
```
#3f2f4f rgb(63,47,79)
```
#49365b
```
#49365b rgb(73,54,91)
```
#523d67
```
#523d67 rgb(82,61,103)
```
#5c4574
```
#5c4574 rgb(92,69,116)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#70538c
```
#70538c rgb(112,83,140)
```
#7a5b99
```
#7a5b99 rgb(122,91,153)
```

Shade Color Variation

#8364a3
```
#8364a3 rgb(131,100,163)
```
#8d70aa
```
#8d70aa rgb(141,112,170)
```
#977db2
```
#977db2 rgb(151,125,178)
```
#a189b9
```
#a189b9 rgb(161,137,185)
```
#ab95c0
```
#ab95c0 rgb(171,149,192)
```
#b4a1c7
```
#b4a1c7 rgb(180,161,199)
```
#beaecf
```
#beaecf rgb(190,174,207)
```
#c8bad6
```
#c8bad6 rgb(200,186,214)
```
#d2c6dd
```
#d2c6dd rgb(210,198,221)
```
#dcd3e5
```
#dcd3e5 rgb(220,211,229)
```
#e6dfec
```
#e6dfec rgb(230,223,236)
```
#efebf3
```
#efebf3 rgb(239,235,243)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#666468
```
#666468 rgb(102,100,104)
```
#665c70
```
#665c70 rgb(102,92,112)
```
#665478
```
#665478 rgb(102,84,120)
```
#664c80
```
#664c80 rgb(102,76,128)
```
#664488
```
#664488 rgb(102,68,136)
```
#663c90
```
#663c90 rgb(102,60,144)
```
#663498
```
#663498 rgb(102,52,152)
```
#662d9f
```
#662d9f rgb(102,45,159)
```
#6625a7
```
#6625a7 rgb(102,37,167)
```
#661daf
```
#661daf rgb(102,29,175)
```
#6615b7
```
#6615b7 rgb(102,21,183)
```
#660dbf
```
#660dbf rgb(102,13,191)
```
#6605c7
```
#6605c7 rgb(102,5,199)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5c5762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5e8d Protanopia 1% of men
#525e83 Deuteranopia 1% of men
#665d63 Tritanopia 0.001% of the population

Trichromacy

#565788 Protanomaly 1% of men, 0.01% of women
#595882 Deuteranomaly 6% of men, 0.4% of women
#66566e Tritanomaly 0.01% of the population

#664c80 hex color

#664c80 Color Information

#664c80 Color Conversion

Color Schemes with #664c80

Alternatives to #664c80

#664c80 Preview

Shades and Tints of #664c80

Tones of #664c80

Color Blindness Simulator