#664680 hex color

In a RGB color space, hex #664680 is composed of 40% red, 27.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 45.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 273.1 degrees, a saturation of 29.3% and a lightness of 38.8%. #664680 color hex could be obtained by blending #cc8cff with #000001. Closest websafe color is: #663399.

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

● #664680 color description : Dark moderate violet.

The hexadecimal color #664680 has RGB values of R:102, G:70, B:128 and CMYK values of C:0.2, M:0.45, Y:0, K:0.5. Its decimal value is 6702720.

Hex triplet	664680	`#664680`
RGB Decimal	102, 70, 128	`rgb(102,70,128)`
RGB Percent	40, 27.5, 50.2	`rgb(40%,27.5%,50.2%)`
CMYK	20, 45, 0, 50
HSL	273.1°, 29.3, 38.8	`hsl(273.1,29.3%,38.8%)`
HSV (or HSB)	273.1°, 45.3, 50.2
Web Safe	663399	`#663399`

CIE-LAB	35.525, 25.674, -27.632
XYZ	11.565, 8.764, 21.503
xyY	0.276, 0.209, 8.764
CIE-LCH	35.525, 37.719, 312.897
CIE-LUV	35.525, 11.579, -40.77
Hunter-Lab	29.604, 17.929, -22.344
Binary	01100110, 01000110, 10000000

#664680
```
#664680 rgb(102,70,128)
```
#608046
```
#608046 rgb(96,128,70)
```

Complementary Color

#494680
```
#494680 rgb(73,70,128)
```
#664680
```
#664680 rgb(102,70,128)
```
#80467d
```
#80467d rgb(128,70,125)
```

Analogous Color

#468049
```
#468049 rgb(70,128,73)
```
#664680
```
#664680 rgb(102,70,128)
```
#7d8046
```
#7d8046 rgb(125,128,70)
```

Split Complementary Color

#468066
```
#468066 rgb(70,128,102)
```
#664680
```
#664680 rgb(102,70,128)
```
#806646
```
#806646 rgb(128,102,70)
```

Triadic Color

#466080
```
#466080 rgb(70,96,128)
```
#664680
```
#664680 rgb(102,70,128)
```
#806646
```
#806646 rgb(128,102,70)
```
#608046
```
#608046 rgb(96,128,70)
```

Tetradic Color

#3f2b4f
```
#3f2b4f rgb(63,43,79)
```
#4c345f
```
#4c345f rgb(76,52,95)
```
#593d70
```
#593d70 rgb(89,61,112)
```
#664680
```
#664680 rgb(102,70,128)
```
#734f90
```
#734f90 rgb(115,79,144)
```
#8058a1
```
#8058a1 rgb(128,88,161)
```
#8d67ac
```
#8d67ac rgb(141,103,172)
```

Monochromatic Color

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

#584680
```
#584680 rgb(88,70,128)
```
#5c4680
```
#5c4680 rgb(92,70,128)
```
#614680
```
#614680 rgb(97,70,128)
```
#664680
```
#664680 rgb(102,70,128)
```
#6b4680
```
#6b4680 rgb(107,70,128)
```
#704680
```
#704680 rgb(112,70,128)
```
#754680
```
#754680 rgb(117,70,128)
```

Similar Colors

Text with hexadecimal color #664680

This text has a font color of #664680.

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

#664680 background color

This paragraph has a background color of #664680.

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

#664680 border color

This element has a border color of #664680.

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

CSS codes

.text {color:#664680;}

.background {background-color:#664680;}

.border {border:1px solid #664680;}

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 #f6f4f9 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0b080e
```
#0b080e rgb(11,8,14)
```
#150f1b
```
#150f1b rgb(21,15,27)
```
#1f1527
```
#1f1527 rgb(31,21,39)
```
#291c34
```
#291c34 rgb(41,28,52)
```
#332341
```
#332341 rgb(51,35,65)
```
#3e2a4d
```
#3e2a4d rgb(62,42,77)
```
#48315a
```
#48315a rgb(72,49,90)
```
#523867
```
#523867 rgb(82,56,103)
```
#5c3f73
```
#5c3f73 rgb(92,63,115)
```
#664680
```
#664680 rgb(102,70,128)
```
#704d8d
```
#704d8d rgb(112,77,141)
```
#7a5499
```
#7a5499 rgb(122,84,153)
```

Shade Color Variation

#845ba6
```
#845ba6 rgb(132,91,166)
```
#8e68ac
```
#8e68ac rgb(142,104,172)
```
#9775b3
```
#9775b3 rgb(151,117,179)
```
#a181ba
```
#a181ba rgb(161,129,186)
```
#aa8ec1
```
#aa8ec1 rgb(170,142,193)
```
#b49bc8
```
#b49bc8 rgb(180,155,200)
```
#bda7cf
```
#bda7cf rgb(189,167,207)
```
#c7b4d6
```
#c7b4d6 rgb(199,180,214)
```
#d0c1dd
```
#d0c1dd rgb(208,193,221)
```
#dacde4
```
#dacde4 rgb(218,205,228)
```
#e3daeb
```
#e3daeb rgb(227,218,235)
```
#ede7f2
```
#ede7f2 rgb(237,231,242)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

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

#645d69
```
#645d69 rgb(100,93,105)
```
#645571
```
#645571 rgb(100,85,113)
```
#654e78
```
#654e78 rgb(101,78,120)
```
#664680
```
#664680 rgb(102,70,128)
```
#673e88
```
#673e88 rgb(103,62,136)
```
#68378f
```
#68378f rgb(104,55,143)
```
#682f97
```
#682f97 rgb(104,47,151)
```
#69289e
```
#69289e rgb(105,40,158)
```
#6a20a6
```
#6a20a6 rgb(106,32,166)
```
#6b18ae
```
#6b18ae rgb(107,24,174)
```
#6c11b5
```
#6c11b5 rgb(108,17,181)
```
#6c09bd
```
#6c09bd rgb(108,9,189)
```
#6d01c5
```
#6d01c5 rgb(109,1,197)
```

Tone Color Variation

Below, you can see how #664680 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
#59535e Atypical Achromatopsia 0.001% of the population

Dichromacy

#465a8f Protanopia 1% of men
#4b5b82 Deuteranopia 1% of men
#66585f Tritanopia 0.001% of the population

Trichromacy

#515389 Protanomaly 1% of men, 0.01% of women
#555381 Deuteranomaly 6% of men, 0.4% of women
#66526b Tritanomaly 0.01% of the population

#664680 hex color

#664680 Color Information

#664680 Color Conversion

Color Schemes with #664680

Alternatives to #664680

#664680 Preview

Shades and Tints of #664680

Tones of #664680

Color Blindness Simulator