#664fc5 hex color

In a RGB color space, hex #664fc5 is composed of 40% red, 31% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 59.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 251.7 degrees, a saturation of 50.4% and a lightness of 54.1%. #664fc5 color hex could be obtained by blending #cc9eff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 40
- G 31
- B 77
RGB color chart
- C 48
- M 60
- Y 0
- K 23
CMYK color chart

● #664fc5 color description : Moderate blue.

The hexadecimal color #664fc5 has RGB values of R:102, G:79, B:197 and CMYK values of C:0.48, M:0.6, Y:0, K:0.23. Its decimal value is 6705093.

Hex triplet	664fc5	`#664fc5`
RGB Decimal	102, 79, 197	`rgb(102,79,197)`
RGB Percent	40, 31, 77.3	`rgb(40%,31%,77.3%)`
CMYK	48, 60, 0, 23
HSL	251.7°, 50.4, 54.1	`hsl(251.7,50.4%,54.1%)`
HSV (or HSB)	251.7°, 59.9, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.919, 39.34, -58.7
XYZ	18.352, 12.448, 54.256
xyY	0.216, 0.146, 12.448
CIE-LCH	41.919, 70.663, 303.829
CIE-LUV	41.919, 0.94, -89.248
Hunter-Lab	35.281, 31.106, -66.48
Binary	01100110, 01001111, 11000101

#664fc5
```
#664fc5 rgb(102,79,197)
```
#aec54f
```
#aec54f rgb(174,197,79)
```

Complementary Color

#4f73c5
```
#4f73c5 rgb(79,115,197)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#a14fc5
```
#a14fc5 rgb(161,79,197)
```

Analogous Color

#73c54f
```
#73c54f rgb(115,197,79)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#c5a14f
```
#c5a14f rgb(197,161,79)
```

Split Complementary Color

#4fc566
```
#4fc566 rgb(79,197,102)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#c5664f
```
#c5664f rgb(197,102,79)
```

Triadic Color

#4faec5
```
#4faec5 rgb(79,174,197)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#c5664f
```
#c5664f rgb(197,102,79)
```
#aec54f
```
#aec54f rgb(174,197,79)
```

Tetradic Color

#453196
```
#453196 rgb(69,49,150)
```
#4e38a9
```
#4e38a9 rgb(78,56,169)
```
#573ebc
```
#573ebc rgb(87,62,188)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#7762cb
```
#7762cb rgb(119,98,203)
```
#8775d2
```
#8775d2 rgb(135,117,210)
```
#9889d8
```
#9889d8 rgb(152,137,216)
```

Monochromatic Color

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

#4f56c5
```
#4f56c5 rgb(79,86,197)
```
#524fc5
```
#524fc5 rgb(82,79,197)
```
#5c4fc5
```
#5c4fc5 rgb(92,79,197)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#704fc5
```
#704fc5 rgb(112,79,197)
```
#7a4fc5
```
#7a4fc5 rgb(122,79,197)
```
#844fc5
```
#844fc5 rgb(132,79,197)
```

Similar Colors

Text with hexadecimal color #664fc5

This text has a font color of #664fc5.

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

#664fc5 background color

This paragraph has a background color of #664fc5.

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

#664fc5 border color

This element has a border color of #664fc5.

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

CSS codes

.text {color:#664fc5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070510
```
#070510 rgb(7,5,16)
```
#0e0a1f
```
#0e0a1f rgb(14,10,31)
```
#150f2d
```
#150f2d rgb(21,15,45)
```
#1c143c
```
#1c143c rgb(28,20,60)
```
#22194b
```
#22194b rgb(34,25,75)
```
#291e5a
```
#291e5a rgb(41,30,90)
```
#302268
```
#302268 rgb(48,34,104)
```
#372777
```
#372777 rgb(55,39,119)
```
#3e2c86
```
#3e2c86 rgb(62,44,134)
```
#443195
```
#443195 rgb(68,49,149)
```
#4b36a3
```
#4b36a3 rgb(75,54,163)
```
#523bb2
```
#523bb2 rgb(82,59,178)
```

Shade Color Variation

#5940c0
```
#5940c0 rgb(89,64,192)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#735eca
```
#735eca rgb(115,94,202)
```
#806dcf
```
#806dcf rgb(128,109,207)
```
#8c7bd4
```
#8c7bd4 rgb(140,123,212)
```
#998ad8
```
#998ad8 rgb(153,138,216)
```
#a699dd
```
#a699dd rgb(166,153,221)
```
#b3a8e2
```
#b3a8e2 rgb(179,168,226)
```
#c0b6e7
```
#c0b6e7 rgb(192,182,231)
```
#cdc5ec
```
#cdc5ec rgb(205,197,236)
```
#d9d4f1
```
#d9d4f1 rgb(217,212,241)
```
#e6e3f6
```
#e6e3f6 rgb(230,227,246)
```
#f3f1fa
```
#f3f1fa rgb(243,241,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87858f is the less saturated color, while #4519fb is the most saturated one.

#87858f
```
#87858f rgb(135,133,143)
```
#817c98
```
#817c98 rgb(129,124,152)
```
#7c73a1
```
#7c73a1 rgb(124,115,161)
```
#766aaa
```
#766aaa rgb(118,106,170)
```
#7161b3
```
#7161b3 rgb(113,97,179)
```
#6b58bc
```
#6b58bc rgb(107,88,188)
```
#664fc5
```
#664fc5 rgb(102,79,197)
```
#6146ce
```
#6146ce rgb(97,70,206)
```
#5b3dd7
```
#5b3dd7 rgb(91,61,215)
```
#5634e0
```
#5634e0 rgb(86,52,224)
```
#502be9
```
#502be9 rgb(80,43,233)
```
#4b22f2
```
#4b22f2 rgb(75,34,242)
```
#4519fb
```
#4519fb rgb(69,25,251)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#645f77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#006db3 Deuteranopia 1% of men
#506f78 Tritanopia 0.001% of the population

Trichromacy

#255ec9 Protanomaly 1% of men, 0.01% of women
#2562b9 Deuteranomaly 6% of men, 0.4% of women
#586394 Tritanomaly 0.01% of the population

#664fc5 hex color

#664fc5 Color Information

#664fc5 Color Conversion

Color Schemes with #664fc5

Alternatives to #664fc5

#664fc5 Preview

Shades and Tints of #664fc5

Tones of #664fc5

Color Blindness Simulator