#664a7d hex color

In a RGB color space, hex #664a7d is composed of 40% red, 29% green and 49% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 40.8% magenta, 0% yellow and 51% black. It has a hue angle of 272.9 degrees, a saturation of 25.6% and a lightness of 39%. #664a7d color hex could be obtained by blending #cc94fa with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 40
- G 29
- B 49
RGB color chart
- C 18
- M 41
- Y 0
- K 51
CMYK color chart

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

The hexadecimal color #664a7d has RGB values of R:102, G:74, B:125 and CMYK values of C:0.18, M:0.41, Y:0, K:0.51. Its decimal value is 6703741.

Hex triplet	664a7d	`#664a7d`
RGB Decimal	102, 74, 125	`rgb(102,74,125)`
RGB Percent	40, 29, 49	`rgb(40%,29%,49%)`
CMYK	18, 41, 0, 51
HSL	272.9°, 25.6, 39	`hsl(272.9,25.6%,39%)`
HSV (or HSB)	272.9°, 40.8, 49
Web Safe	663366	`#663366`

CIE-LAB	36.373, 22.48, -24.452
XYZ	11.629, 9.203, 20.565
xyY	0.281, 0.222, 9.203
CIE-LCH	36.373, 33.215, 312.594
CIE-LUV	36.373, 10.514, -36.16
Hunter-Lab	30.337, 15.337, -18.956
Binary	01100110, 01001010, 01111101

#664a7d
```
#664a7d rgb(102,74,125)
```
#617d4a
```
#617d4a rgb(97,125,74)
```

Complementary Color

#4d4a7d
```
#4d4a7d rgb(77,74,125)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#7d4a7b
```
#7d4a7b rgb(125,74,123)
```

Analogous Color

#4a7d4d
```
#4a7d4d rgb(74,125,77)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#7b7d4a
```
#7b7d4a rgb(123,125,74)
```

Split Complementary Color

#4a7d66
```
#4a7d66 rgb(74,125,102)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#7d664a
```
#7d664a rgb(125,102,74)
```

Triadic Color

#4a617d
```
#4a617d rgb(74,97,125)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#7d664a
```
#7d664a rgb(125,102,74)
```
#617d4a
```
#617d4a rgb(97,125,74)
```

Tetradic Color

#3f2e4d
```
#3f2e4d rgb(63,46,77)
```
#4c375d
```
#4c375d rgb(76,55,93)
```
#59416d
```
#59416d rgb(89,65,109)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#73538d
```
#73538d rgb(115,83,141)
```
#805d9d
```
#805d9d rgb(128,93,157)
```
#8d6ca8
```
#8d6ca8 rgb(141,108,168)
```

Monochromatic Color

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

#594a7d
```
#594a7d rgb(89,74,125)
```
#5e4a7d
```
#5e4a7d rgb(94,74,125)
```
#624a7d
```
#624a7d rgb(98,74,125)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#6a4a7d
```
#6a4a7d rgb(106,74,125)
```
#6f4a7d
```
#6f4a7d rgb(111,74,125)
```
#734a7d
```
#734a7d rgb(115,74,125)
```

Similar Colors

Text with hexadecimal color #664a7d

This text has a font color of #664a7d.

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

#664a7d background color

This paragraph has a background color of #664a7d.

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

#664a7d border color

This element has a border color of #664a7d.

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

CSS codes

.text {color:#664a7d;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0c080e
```
#0c080e rgb(12,8,14)
```
#16101a
```
#16101a rgb(22,16,26)
```
#201727
```
#201727 rgb(32,23,39)
```
#2a1e33
```
#2a1e33 rgb(42,30,51)
```
#34263f
```
#34263f rgb(52,38,63)
```
#3e2d4c
```
#3e2d4c rgb(62,45,76)
```
#483458
```
#483458 rgb(72,52,88)
```
#523b64
```
#523b64 rgb(82,59,100)
```
#5c4371
```
#5c4371 rgb(92,67,113)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#705189
```
#705189 rgb(112,81,137)
```
#7a5996
```
#7a5996 rgb(122,89,150)
```

Shade Color Variation

#8461a1
```
#8461a1 rgb(132,97,161)
```
#8e6da9
```
#8e6da9 rgb(142,109,169)
```
#9779b0
```
#9779b0 rgb(151,121,176)
```
#a186b7
```
#a186b7 rgb(161,134,183)
```
#aa92be
```
#aa92be rgb(170,146,190)
```
#b49ec6
```
#b49ec6 rgb(180,158,198)
```
#bdabcd
```
#bdabcd rgb(189,171,205)
```
#c7b7d4
```
#c7b7d4 rgb(199,183,212)
```
#d1c3dc
```
#d1c3dc rgb(209,195,220)
```
#dad0e3
```
#dad0e3 rgb(218,208,227)
```
#e4dcea
```
#e4dcea rgb(228,220,234)
```
#ede8f1
```
#ede8f1 rgb(237,232,241)
```
#f7f4f9
```
#f7f4f9 rgb(247,244,249)
```

Tint Color Variation

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

#646166
```
#646166 rgb(100,97,102)
```
#64596e
```
#64596e rgb(100,89,110)
```
#655275
```
#655275 rgb(101,82,117)
```
#664a7d
```
#664a7d rgb(102,74,125)
```
#674285
```
#674285 rgb(103,66,133)
```
#683b8c
```
#683b8c rgb(104,59,140)
```
#683394
```
#683394 rgb(104,51,148)
```
#692b9c
```
#692b9c rgb(105,43,156)
```
#6a24a3
```
#6a24a3 rgb(106,36,163)
```
#6b1cab
```
#6b1cab rgb(107,28,171)
```
#6b14b3
```
#6b14b3 rgb(107,20,179)
```
#6c0dba
```
#6c0dba rgb(108,13,186)
```
#6d05c2
```
#6d05c2 rgb(109,5,194)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5b555f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5c8a Protanopia 1% of men
#515d80 Deuteranopia 1% of men
#675b61 Tritanopia 0.001% of the population

Trichromacy

#565685 Protanomaly 1% of men, 0.01% of women
#59567f Deuteranomaly 6% of men, 0.4% of women
#66546b Tritanomaly 0.01% of the population

#664a7d hex color

#664a7d Color Information

#664a7d Color Conversion

Color Schemes with #664a7d

Alternatives to #664a7d

#664a7d Preview

Shades and Tints of #664a7d

Tones of #664a7d

Color Blindness Simulator