#664ffe hex color

In a RGB color space, hex #664ffe is composed of 40% red, 31% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 68.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 247.9 degrees, a saturation of 98.9% and a lightness of 65.3%. #664ffe color hex could be obtained by blending #cc9eff with #0000fd. Closest websafe color is: #6666ff.

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

● #664ffe color description : Soft blue.

The hexadecimal color #664ffe has RGB values of R:102, G:79, B:254 and CMYK values of C:0.6, M:0.69, Y:0, K:0. Its decimal value is 6705150.

Hex triplet	664ffe	`#664ffe`
RGB Decimal	102, 79, 254	`rgb(102,79,254)`
RGB Percent	40, 31, 99.6	`rgb(40%,31%,99.6%)`
CMYK	60, 69, 0, 0
HSL	247.9°, 98.9, 65.3	`hsl(247.9,98.9%,65.3%)`
HSV (or HSB)	247.9°, 68.9, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.407, 56.249, -83.771
XYZ	26.161, 15.571, 95.388
xyY	0.191, 0.114, 15.571
CIE-LCH	46.407, 100.904, 303.88
CIE-LUV	46.407, -3.707, -127.666
Hunter-Lab	39.461, 49.285, -115.698
Binary	01100110, 01001111, 11111110

#664ffe
```
#664ffe rgb(102,79,254)
```
#e7fe4f
```
#e7fe4f rgb(231,254,79)
```

Complementary Color

#4f90fe
```
#4f90fe rgb(79,144,254)
```
#664ffe
```
#664ffe rgb(102,79,254)
```
#be4ffe
```
#be4ffe rgb(190,79,254)
```

Analogous Color

#90fe4f
```
#90fe4f rgb(144,254,79)
```
#664ffe
```
#664ffe rgb(102,79,254)
```
#febe4f
```
#febe4f rgb(254,190,79)
```

Split Complementary Color

#4ffe66
```
#4ffe66 rgb(79,254,102)
```
#664ffe
```
#664ffe rgb(102,79,254)
```
#fe664f
```
#fe664f rgb(254,102,79)
```

Triadic Color

#4fe7fe
```
#4fe7fe rgb(79,231,254)
```
#664ffe
```
#664ffe rgb(102,79,254)
```
#fe664f
```
#fe664f rgb(254,102,79)
```
#e7fe4f
```
#e7fe4f rgb(231,254,79)
```

Tetradic Color

#2403fe
```
#2403fe rgb(36,3,254)
```
#3a1cfe
```
#3a1cfe rgb(58,28,254)
```
#5036fe
```
#5036fe rgb(80,54,254)
```
#664ffe
```
#664ffe rgb(102,79,254)
```
#7c68fe
```
#7c68fe rgb(124,104,254)
```
#9282fe
```
#9282fe rgb(146,130,254)
```
#a89bfe
```
#a89bfe rgb(168,155,254)
```

Monochromatic Color

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

#4f64fe
```
#4f64fe rgb(79,100,254)
```
#4f55fe
```
#4f55fe rgb(79,85,254)
```
#574ffe
```
#574ffe rgb(87,79,254)
```
#664ffe
```
#664ffe rgb(102,79,254)
```
#754ffe
```
#754ffe rgb(117,79,254)
```
#834ffe
```
#834ffe rgb(131,79,254)
```
#924ffe
```
#924ffe rgb(146,79,254)
```

Similar Colors

Text with hexadecimal color #664ffe

This text has a font color of #664ffe.

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

#664ffe background color

This paragraph has a background color of #664ffe.

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

#664ffe border color

This element has a border color of #664ffe.

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

CSS codes

.text {color:#664ffe;}

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

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

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

#030013
```
#030013 rgb(3,0,19)
```
#050027
```
#050027 rgb(5,0,39)
```
#08003a
```
#08003a rgb(8,0,58)
```
#0b004e
```
#0b004e rgb(11,0,78)
```
#0d0161
```
#0d0161 rgb(13,1,97)
```
#100175
```
#100175 rgb(16,1,117)
```
#130188
```
#130188 rgb(19,1,136)
```
#15019c
```
#15019c rgb(21,1,156)
```
#1801af
```
#1801af rgb(24,1,175)
```
#1b01c3
```
#1b01c3 rgb(27,1,195)
```
#1d01d6
```
#1d01d6 rgb(29,1,214)
```
#2001ea
```
#2001ea rgb(32,1,234)
```
#2301fd
```
#2301fd rgb(35,1,253)
```

Shade Color Variation

#3314fe
```
#3314fe rgb(51,20,254)
```
#4428fe
```
#4428fe rgb(68,40,254)
```
#553bfe
```
#553bfe rgb(85,59,254)
```
#664ffe
```
#664ffe rgb(102,79,254)
```
#7763fe
```
#7763fe rgb(119,99,254)
```
#8876fe
```
#8876fe rgb(136,118,254)
```
#998afe
```
#998afe rgb(153,138,254)
```
#aa9dfe
```
#aa9dfe rgb(170,157,254)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#ccc4ff
```
#ccc4ff rgb(204,196,255)
```
#ddd8ff
```
#ddd8ff rgb(221,216,255)
```
#eeebff
```
#eeebff rgb(238,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a1ac
```
#a2a1ac rgb(162,161,172)
```
#9d9ab3
```
#9d9ab3 rgb(157,154,179)
```
#9893ba
```
#9893ba rgb(152,147,186)
```
#938cc1
```
#938cc1 rgb(147,140,193)
```
#8e85c8
```
#8e85c8 rgb(142,133,200)
```
#897fce
```
#897fce rgb(137,127,206)
```
#8478d5
```
#8478d5 rgb(132,120,213)
```
#7f71dc
```
#7f71dc rgb(127,113,220)
```
#7a6ae3
```
#7a6ae3 rgb(122,106,227)
```
#7563ea
```
#7563ea rgb(117,99,234)
```
#705df0
```
#705df0 rgb(112,93,240)
```
#6b56f7
```
#6b56f7 rgb(107,86,247)
```
#664ffe
```
#664ffe rgb(102,79,254)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#696588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#00808a Tritanopia 0.001% of the population

Trichromacy

#2565e9 Protanomaly 1% of men, 0.01% of women
#2569d7 Deuteranomaly 6% of men, 0.4% of women
#256eb4 Tritanomaly 0.01% of the population

#664ffe hex color

#664ffe Color Information

#664ffe Color Conversion

Color Schemes with #664ffe

Alternatives to #664ffe

#664ffe Preview

Shades and Tints of #664ffe

Tones of #664ffe

Color Blindness Simulator