#664ac7 hex color

In a RGB color space, hex #664ac7 is composed of 40% red, 29% green and 78% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 62.8% magenta, 0% yellow and 22% black. It has a hue angle of 253.4 degrees, a saturation of 52.7% and a lightness of 53.5%. #664ac7 color hex could be obtained by blending #cc94ff with #00008f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 40
- G 29
- B 78
RGB color chart
- C 49
- M 63
- Y 0
- K 22
CMYK color chart

● #664ac7 color description : Moderate blue.

The hexadecimal color #664ac7 has RGB values of R:102, G:74, B:199 and CMYK values of C:0.49, M:0.63, Y:0, K:0.22. Its decimal value is 6703815.

Hex triplet	664ac7	`#664ac7`
RGB Decimal	102, 74, 199	`rgb(102,74,199)`
RGB Percent	40, 29, 78	`rgb(40%,29%,78%)`
CMYK	49, 63, 0, 22
HSL	253.4°, 52.7, 53.5	`hsl(253.4,52.7%,53.5%)`
HSV (or HSB)	253.4°, 62.8, 78
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.969, 42.819, -61.4
XYZ	18.235, 11.845, 55.355
xyY	0.213, 0.139, 11.845
CIE-LCH	40.969, 74.856, 304.891
CIE-LUV	40.969, 1.951, -92.578
Hunter-Lab	34.417, 34.344, -71.267
Binary	01100110, 01001010, 11000111

#664ac7
```
#664ac7 rgb(102,74,199)
```
#abc74a
```
#abc74a rgb(171,199,74)
```

Complementary Color

#4a6dc7
```
#4a6dc7 rgb(74,109,199)
```
#664ac7
```
#664ac7 rgb(102,74,199)
```
#a54ac7
```
#a54ac7 rgb(165,74,199)
```

Analogous Color

#6dc74a
```
#6dc74a rgb(109,199,74)
```
#664ac7
```
#664ac7 rgb(102,74,199)
```
#c7a54a
```
#c7a54a rgb(199,165,74)
```

Split Complementary Color

#4ac766
```
#4ac766 rgb(74,199,102)
```
#664ac7
```
#664ac7 rgb(102,74,199)
```
#c7664a
```
#c7664a rgb(199,102,74)
```

Triadic Color

#4aabc7
```
#4aabc7 rgb(74,171,199)
```
#664ac7
```
#664ac7 rgb(102,74,199)
```
#c7664a
```
#c7664a rgb(199,102,74)
```
#abc74a
```
#abc74a rgb(171,199,74)
```

Tetradic Color

#462e96
```
#462e96 rgb(70,46,150)
```
#4f34aa
```
#4f34aa rgb(79,52,170)
```
#583abd
```
#583abd rgb(88,58,189)
```
#664ac7
```
#664ac7 rgb(102,74,199)
```
#765dcd
```
#765dcd rgb(118,93,205)
```
#8771d3
```
#8771d3 rgb(135,113,211)
```
#9784d9
```
#9784d9 rgb(151,132,217)
```

Monochromatic Color

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

#4a4dc7
```
#4a4dc7 rgb(74,77,199)
```
#514ac7
```
#514ac7 rgb(81,74,199)
```
#5c4ac7
```
#5c4ac7 rgb(92,74,199)
```
#664ac7
```
#664ac7 rgb(102,74,199)
```
#704ac7
```
#704ac7 rgb(112,74,199)
```
#7b4ac7
```
#7b4ac7 rgb(123,74,199)
```
#854ac7
```
#854ac7 rgb(133,74,199)
```

Similar Colors

Text with hexadecimal color #664ac7

This text has a font color of #664ac7.

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

#664ac7 background color

This paragraph has a background color of #664ac7.

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

#664ac7 border color

This element has a border color of #664ac7.

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

CSS codes

.text {color:#664ac7;}

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

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

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, #06040e is the darkest color, while #fefeff is the lightest one.

#06040e
```
#06040e rgb(6,4,14)
```
#0d091d
```
#0d091d rgb(13,9,29)
```
#140e2c
```
#140e2c rgb(20,14,44)
```
#1b123b
```
#1b123b rgb(27,18,59)
```
#22174a
```
#22174a rgb(34,23,74)
```
#291b59
```
#291b59 rgb(41,27,89)
```
#302068
```
#302068 rgb(48,32,104)
```
#372577
```
#372577 rgb(55,37,119)
```
#3e2986
```
#3e2986 rgb(62,41,134)
```
#452e95
```
#452e95 rgb(69,46,149)
```
#4c33a4
```
#4c33a4 rgb(76,51,164)
```
#5337b3
```
#5337b3 rgb(83,55,179)
```
#5a3cc2
```
#5a3cc2 rgb(90,60,194)
```

Shade Color Variation

#664ac7
```
#664ac7 rgb(102,74,199)
```
#7359cc
```
#7359cc rgb(115,89,204)
```
#7f68d0
```
#7f68d0 rgb(127,104,208)
```
#8c77d5
```
#8c77d5 rgb(140,119,213)
```
#9986da
```
#9986da rgb(153,134,218)
```
#a595de
```
#a595de rgb(165,149,222)
```
#b2a4e3
```
#b2a4e3 rgb(178,164,227)
```
#bfb3e7
```
#bfb3e7 rgb(191,179,231)
```
#cbc2ec
```
#cbc2ec rgb(203,194,236)
```
#d8d1f1
```
#d8d1f1 rgb(216,209,241)
```
#e5e0f5
```
#e5e0f5 rgb(229,224,245)
```
#f1effa
```
#f1effa rgb(241,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#848190
```
#848190 rgb(132,129,144)
```
#7f7899
```
#7f7899 rgb(127,120,153)
```
#7a6ea3
```
#7a6ea3 rgb(122,110,163)
```
#7565ac
```
#7565ac rgb(117,101,172)
```
#705cb5
```
#705cb5 rgb(112,92,181)
```
#6b53be
```
#6b53be rgb(107,83,190)
```
#664ac7
```
#664ac7 rgb(102,74,199)
```
#6141d0
```
#6141d0 rgb(97,65,208)
```
#5c38d9
```
#5c38d9 rgb(92,56,217)
```
#572fe2
```
#572fe2 rgb(87,47,226)
```
#5226eb
```
#5226eb rgb(82,38,235)
```
#4d1cf5
```
#4d1cf5 rgb(77,28,245)
```
#4813fe
```
#4813fe rgb(72,19,254)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#625c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006baf Deuteranopia 1% of men
#4e6d75 Tritanopia 0.001% of the population

Trichromacy

#255bc6 Protanomaly 1% of men, 0.01% of women
#255fb7 Deuteranomaly 6% of men, 0.4% of women
#576093 Tritanomaly 0.01% of the population

#664ac7 hex color

#664ac7 Color Information

#664ac7 Color Conversion

Color Schemes with #664ac7

Alternatives to #664ac7

#664ac7 Preview

Shades and Tints of #664ac7

Tones of #664ac7

Color Blindness Simulator