#664696 hex color

In a RGB color space, hex #664696 is composed of 40% red, 27.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 53.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 264 degrees, a saturation of 36.4% and a lightness of 43.1%. #664696 color hex could be obtained by blending #cc8cff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 27
- B 59
RGB color chart
- C 32
- M 53
- Y 0
- K 41
CMYK color chart

● #664696 color description : Dark moderate violet.

The hexadecimal color #664696 has RGB values of R:102, G:70, B:150 and CMYK values of C:0.32, M:0.53, Y:0, K:0.41. Its decimal value is 6702742.

Hex triplet	664696	`#664696`
RGB Decimal	102, 70, 150	`rgb(102,70,150)`
RGB Percent	40, 27.5, 58.8	`rgb(40%,27.5%,58.8%)`
CMYK	32, 53, 0, 41
HSL	264°, 36.4, 43.1	`hsl(264,36.4%,43.1%)`
HSV (or HSB)	264°, 53.3, 58.8
Web Safe	663399	`#663399`

CIE-LAB	36.757, 31.359, -39.145
XYZ	13.174, 9.407, 29.974
xyY	0.251, 0.179, 9.407
CIE-LCH	36.757, 50.156, 308.698
CIE-LUV	36.757, 8.574, -58.124
Hunter-Lab	30.671, 22.994, -36.473
Binary	01100110, 01000110, 10010110

#664696
```
#664696 rgb(102,70,150)
```
#769646
```
#769646 rgb(118,150,70)
```

Complementary Color

#464e96
```
#464e96 rgb(70,78,150)
```
#664696
```
#664696 rgb(102,70,150)
```
#8e4696
```
#8e4696 rgb(142,70,150)
```

Analogous Color

#4e9646
```
#4e9646 rgb(78,150,70)
```
#664696
```
#664696 rgb(102,70,150)
```
#968e46
```
#968e46 rgb(150,142,70)
```

Split Complementary Color

#469666
```
#469666 rgb(70,150,102)
```
#664696
```
#664696 rgb(102,70,150)
```
#966646
```
#966646 rgb(150,102,70)
```

Triadic Color

#467696
```
#467696 rgb(70,118,150)
```
#664696
```
#664696 rgb(102,70,150)
```
#966646
```
#966646 rgb(150,102,70)
```
#769646
```
#769646 rgb(118,150,70)
```

Tetradic Color

#432e62
```
#432e62 rgb(67,46,98)
```
#4e3673
```
#4e3673 rgb(78,54,115)
```
#5a3e85
```
#5a3e85 rgb(90,62,133)
```
#664696
```
#664696 rgb(102,70,150)
```
#724ea7
```
#724ea7 rgb(114,78,167)
```
#7f5cb3
```
#7f5cb3 rgb(127,92,179)
```
#8c6dbb
```
#8c6dbb rgb(140,109,187)
```

Monochromatic Color

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

#524696
```
#524696 rgb(82,70,150)
```
#594696
```
#594696 rgb(89,70,150)
```
#5f4696
```
#5f4696 rgb(95,70,150)
```
#664696
```
#664696 rgb(102,70,150)
```
#6d4696
```
#6d4696 rgb(109,70,150)
```
#734696
```
#734696 rgb(115,70,150)
```
#7a4696
```
#7a4696 rgb(122,70,150)
```

Similar Colors

Text with hexadecimal color #664696

This text has a font color of #664696.

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

#664696 background color

This paragraph has a background color of #664696.

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

#664696 border color

This element has a border color of #664696.

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

CSS codes

.text {color:#664696;}

.background {background-color:#664696;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0b0810
```
#0b0810 rgb(11,8,16)
```
#140e1e
```
#140e1e rgb(20,14,30)
```
#1d142b
```
#1d142b rgb(29,20,43)
```
#261a38
```
#261a38 rgb(38,26,56)
```
#2f2146
```
#2f2146 rgb(47,33,70)
```
#392753
```
#392753 rgb(57,39,83)
```
#422d61
```
#422d61 rgb(66,45,97)
```
#4b336e
```
#4b336e rgb(75,51,110)
```
#543a7b
```
#543a7b rgb(84,58,123)
```
#5d4089
```
#5d4089 rgb(93,64,137)
```
#664696
```
#664696 rgb(102,70,150)
```
#6f4ca3
```
#6f4ca3 rgb(111,76,163)
```

Shade Color Variation

#7854af
```
#7854af rgb(120,84,175)
```
#8361b5
```
#8361b5 rgb(131,97,181)
```
#8e6fbc
```
#8e6fbc rgb(142,111,188)
```
#987cc2
```
#987cc2 rgb(152,124,194)
```
#a38ac8
```
#a38ac8 rgb(163,138,200)
```
#ad97ce
```
#ad97ce rgb(173,151,206)
```
#b8a4d5
```
#b8a4d5 rgb(184,164,213)
```
#c2b2db
```
#c2b2db rgb(194,178,219)
```
#cdbfe1
```
#cdbfe1 rgb(205,191,225)
```
#d7cce7
```
#d7cce7 rgb(215,204,231)
```
#e2daee
```
#e2daee rgb(226,218,238)
```
#ece7f4
```
#ece7f4 rgb(236,231,244)
```
#f7f5fa
```
#f7f5fa rgb(247,245,250)
```

Tint Color Variation

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

#6d6874
```
#6d6874 rgb(109,104,116)
```
#6b5f7d
```
#6b5f7d rgb(107,95,125)
```
#695785
```
#695785 rgb(105,87,133)
```
#684e8e
```
#684e8e rgb(104,78,142)
```
#664696
```
#664696 rgb(102,70,150)
```
#643e9e
```
#643e9e rgb(100,62,158)
```
#6335a7
```
#6335a7 rgb(99,53,167)
```
#612daf
```
#612daf rgb(97,45,175)
```
#5f24b8
```
#5f24b8 rgb(95,36,184)
```
#5e1cc0
```
#5e1cc0 rgb(94,28,192)
```
#5c13c9
```
#5c13c9 rgb(92,19,201)
```
#5a0bd1
```
#5a0bd1 rgb(90,11,209)
```
#5802da
```
#5802da rgb(88,2,218)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5c5565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345ca6 Protanopia 1% of men
#385f95 Deuteranopia 1% of men
#605e64 Tritanopia 0.001% of the population

Trichromacy

#4654a0 Protanomaly 1% of men, 0.01% of women
#495695 Deuteranomaly 6% of men, 0.4% of women
#625576 Tritanomaly 0.01% of the population

#664696 hex color

#664696 Color Information

#664696 Color Conversion

Color Schemes with #664696

Alternatives to #664696

#664696 Preview

Shades and Tints of #664696

Tones of #664696

Color Blindness Simulator