#664688 hex color

In a RGB color space, hex #664688 is composed of 40% red, 27.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 48.5% magenta, 0% yellow and 46.7% black. It has a hue angle of 269.1 degrees, a saturation of 32% and a lightness of 40.4%. #664688 color hex could be obtained by blending #cc8cff with #000011. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 27
- B 53
RGB color chart
- C 25
- M 49
- Y 0
- K 47
CMYK color chart

● #664688 color description : Dark moderate violet.

The hexadecimal color #664688 has RGB values of R:102, G:70, B:136 and CMYK values of C:0.25, M:0.49, Y:0, K:0.47. Its decimal value is 6702728.

Hex triplet	664688	`#664688`
RGB Decimal	102, 70, 136	`rgb(102,70,136)`
RGB Percent	40, 27.5, 53.3	`rgb(40%,27.5%,53.3%)`
CMYK	25, 49, 0, 47
HSL	269.1°, 32, 40.4	`hsl(269.1,32%,40.4%)`
HSV (or HSB)	269.1°, 48.5, 53.3
Web Safe	663399	`#663399`

CIE-LAB	35.951, 27.689, -31.888
XYZ	12.113, 8.983, 24.387
xyY	0.266, 0.197, 8.983
CIE-LCH	35.951, 42.232, 310.969
CIE-LUV	35.951, 10.459, -47.15
Hunter-Lab	29.971, 19.691, -27.263
Binary	01100110, 01000110, 10001000

#664688
```
#664688 rgb(102,70,136)
```
#688846
```
#688846 rgb(104,136,70)
```

Complementary Color

#464788
```
#464788 rgb(70,71,136)
```
#664688
```
#664688 rgb(102,70,136)
```
#874688
```
#874688 rgb(135,70,136)
```

Analogous Color

#478846
```
#478846 rgb(71,136,70)
```
#664688
```
#664688 rgb(102,70,136)
```
#888746
```
#888746 rgb(136,135,70)
```

Split Complementary Color

#468866
```
#468866 rgb(70,136,102)
```
#664688
```
#664688 rgb(102,70,136)
```
#886646
```
#886646 rgb(136,102,70)
```

Triadic Color

#466888
```
#466888 rgb(70,104,136)
```
#664688
```
#664688 rgb(102,70,136)
```
#886646
```
#886646 rgb(136,102,70)
```
#688846
```
#688846 rgb(104,136,70)
```

Tetradic Color

#402c55
```
#402c55 rgb(64,44,85)
```
#4d3566
```
#4d3566 rgb(77,53,102)
```
#593d77
```
#593d77 rgb(89,61,119)
```
#664688
```
#664688 rgb(102,70,136)
```
#734f99
```
#734f99 rgb(115,79,153)
```
#7f58a9
```
#7f58a9 rgb(127,88,169)
```
#8c69b2
```
#8c69b2 rgb(140,105,178)
```

Monochromatic Color

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

#564688
```
#564688 rgb(86,70,136)
```
#5b4688
```
#5b4688 rgb(91,70,136)
```
#614688
```
#614688 rgb(97,70,136)
```
#664688
```
#664688 rgb(102,70,136)
```
#6c4688
```
#6c4688 rgb(108,70,136)
```
#714688
```
#714688 rgb(113,70,136)
```
#774688
```
#774688 rgb(119,70,136)
```

Similar Colors

Text with hexadecimal color #664688

This text has a font color of #664688.

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

#664688 background color

This paragraph has a background color of #664688.

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

#664688 border color

This element has a border color of #664688.

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

CSS codes

.text {color:#664688;}

.background {background-color:#664688;}

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

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

#050307
```
#050307 rgb(5,3,7)
```
#0f0a13
```
#0f0a13 rgb(15,10,19)
```
#181120
```
#181120 rgb(24,17,32)
```
#22172d
```
#22172d rgb(34,23,45)
```
#2c1e3a
```
#2c1e3a rgb(44,30,58)
```
#352547
```
#352547 rgb(53,37,71)
```
#3f2b54
```
#3f2b54 rgb(63,43,84)
```
#493261
```
#493261 rgb(73,50,97)
```
#53396e
```
#53396e rgb(83,57,110)
```
#5c3f7b
```
#5c3f7b rgb(92,63,123)
```
#664688
```
#664688 rgb(102,70,136)
```
#704d95
```
#704d95 rgb(112,77,149)
```
#7953a2
```
#7953a2 rgb(121,83,162)
```

Shade Color Variation

#835dac
```
#835dac rgb(131,93,172)
```
#8d6ab2
```
#8d6ab2 rgb(141,106,178)
```
#9777b9
```
#9777b9 rgb(151,119,185)
```
#a184c0
```
#a184c0 rgb(161,132,192)
```
#ab91c6
```
#ab91c6 rgb(171,145,198)
```
#b59ecd
```
#b59ecd rgb(181,158,205)
```
#bfabd4
```
#bfabd4 rgb(191,171,212)
```
#c9b8da
```
#c9b8da rgb(201,184,218)
```
#d2c5e1
```
#d2c5e1 rgb(210,197,225)
```
#dcd2e8
```
#dcd2e8 rgb(220,210,232)
```
#e6dfee
```
#e6dfee rgb(230,223,238)
```
#f0ecf5
```
#f0ecf5 rgb(240,236,245)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

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

#676668
```
#676668 rgb(103,102,104)
```
#675e70
```
#675e70 rgb(103,94,112)
```
#665678
```
#665678 rgb(102,86,120)
```
#664e80
```
#664e80 rgb(102,78,128)
```
#664688
```
#664688 rgb(102,70,136)
```
#663e90
```
#663e90 rgb(102,62,144)
```
#663698
```
#663698 rgb(102,54,152)
```
#652ea0
```
#652ea0 rgb(101,46,160)
```
#6526a8
```
#6526a8 rgb(101,38,168)
```
#651eb0
```
#651eb0 rgb(101,30,176)
```
#6516b8
```
#6516b8 rgb(101,22,184)
```
#640fbf
```
#640fbf rgb(100,15,191)
```
#6407c7
```
#6407c7 rgb(100,7,199)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5a5461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415b97 Protanopia 1% of men
#455d89 Deuteranopia 1% of men
#645a61 Tritanopia 0.001% of the population

Trichromacy

#4e5391 Protanomaly 1% of men, 0.01% of women
#515488 Deuteranomaly 6% of men, 0.4% of women
#65536f Tritanomaly 0.01% of the population

#664688 hex color

#664688 Color Information

#664688 Color Conversion

Color Schemes with #664688

Alternatives to #664688

#664688 Preview

Shades and Tints of #664688

Tones of #664688

Color Blindness Simulator