#664ee7 hex color

In a RGB color space, hex #664ee7 is composed of 40% red, 30.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 66.2% magenta, 0% yellow and 9.4% black. It has a hue angle of 249.4 degrees, a saturation of 76.1% and a lightness of 60.6%. #664ee7 color hex could be obtained by blending #cc9cff with #0000cf. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 31
- B 91
RGB color chart
- C 56
- M 66
- Y 0
- K 9
CMYK color chart

● #664ee7 color description : Soft blue.

The hexadecimal color #664ee7 has RGB values of R:102, G:78, B:231 and CMYK values of C:0.56, M:0.66, Y:0, K:0.09. Its decimal value is 6704871.

Hex triplet	664ee7	`#664ee7`
RGB Decimal	102, 78, 231	`rgb(102,78,231)`
RGB Percent	40, 30.6, 90.6	`rgb(40%,30.6%,90.6%)`
CMYK	56, 66, 0, 9
HSL	249.4°, 76.1, 60.6	`hsl(249.4,76.1%,60.6%)`
HSV (or HSB)	249.4°, 66.2, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.294, 49.989, -74.32
XYZ	22.625, 14.042, 77.115
xyY	0.199, 0.123, 14.042
CIE-LCH	44.294, 89.568, 303.925
CIE-LUV	44.294, -1.757, -113.043
Hunter-Lab	37.473, 42.194, -95.78
Binary	01100110, 01001110, 11100111

#664ee7
```
#664ee7 rgb(102,78,231)
```
#cfe74e
```
#cfe74e rgb(207,231,78)
```

Complementary Color

#4e83e7
```
#4e83e7 rgb(78,131,231)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#b34ee7
```
#b34ee7 rgb(179,78,231)
```

Analogous Color

#83e74e
```
#83e74e rgb(131,231,78)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#e7b34e
```
#e7b34e rgb(231,179,78)
```

Split Complementary Color

#4ee766
```
#4ee766 rgb(78,231,102)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#e7664e
```
#e7664e rgb(231,102,78)
```

Triadic Color

#4ecfe7
```
#4ecfe7 rgb(78,207,231)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#e7664e
```
#e7664e rgb(231,102,78)
```
#cfe74e
```
#cfe74e rgb(207,231,78)
```

Tetradic Color

#381ccd
```
#381ccd rgb(56,28,205)
```
#3f21e1
```
#3f21e1 rgb(63,33,225)
```
#5338e4
```
#5338e4 rgb(83,56,228)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#7964ea
```
#7964ea rgb(121,100,234)
```
#8d7bed
```
#8d7bed rgb(141,123,237)
```
#a091f0
```
#a091f0 rgb(160,145,240)
```

Monochromatic Color

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

#4e5ce7
```
#4e5ce7 rgb(78,92,231)
```
#4e50e7
```
#4e50e7 rgb(78,80,231)
```
#594ee7
```
#594ee7 rgb(89,78,231)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#734ee7
```
#734ee7 rgb(115,78,231)
```
#804ee7
```
#804ee7 rgb(128,78,231)
```
#8c4ee7
```
#8c4ee7 rgb(140,78,231)
```

Similar Colors

Text with hexadecimal color #664ee7

This text has a font color of #664ee7.

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

#664ee7 background color

This paragraph has a background color of #664ee7.

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

#664ee7 border color

This element has a border color of #664ee7.

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

CSS codes

.text {color:#664ee7;}

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

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

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, #04020d is the darkest color, while #fbfbfe is the lightest one.

#04020d
```
#04020d rgb(4,2,13)
```
#08041e
```
#08041e rgb(8,4,30)
```
#0d0630
```
#0d0630 rgb(13,6,48)
```
#120941
```
#120941 rgb(18,9,65)
```
#160b52
```
#160b52 rgb(22,11,82)
```
#1b0d63
```
#1b0d63 rgb(27,13,99)
```
#201075
```
#201075 rgb(32,16,117)
```
#241286
```
#241286 rgb(36,18,134)
```
#291597
```
#291597 rgb(41,21,151)
```
#2e17a8
```
#2e17a8 rgb(46,23,168)
```
#3219ba
```
#3219ba rgb(50,25,186)
```
#371ccb
```
#371ccb rgb(55,28,203)
```
#3c1edc
```
#3c1edc rgb(60,30,220)
```

Shade Color Variation

#482be2
```
#482be2 rgb(72,43,226)
```
#573de5
```
#573de5 rgb(87,61,229)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#755fe9
```
#755fe9 rgb(117,95,233)
```
#8471ec
```
#8471ec rgb(132,113,236)
```
#9382ee
```
#9382ee rgb(147,130,238)
```
#a293f0
```
#a293f0 rgb(162,147,240)
```
#b1a4f3
```
#b1a4f3 rgb(177,164,243)
```
#c0b6f5
```
#c0b6f5 rgb(192,182,245)
```
#cfc7f7
```
#cfc7f7 rgb(207,199,247)
```
#ddd8fa
```
#ddd8fa rgb(221,216,250)
```
#ece9fc
```
#ece9fc rgb(236,233,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#9694a1
```
#9694a1 rgb(150,148,161)
```
#908ca9
```
#908ca9 rgb(144,140,169)
```
#8b84b1
```
#8b84b1 rgb(139,132,177)
```
#867cb9
```
#867cb9 rgb(134,124,185)
```
#8175c0
```
#8175c0 rgb(129,117,192)
```
#7b6dc8
```
#7b6dc8 rgb(123,109,200)
```
#7665d0
```
#7665d0 rgb(118,101,208)
```
#715dd8
```
#715dd8 rgb(113,93,216)
```
#6b56df
```
#6b56df rgb(107,86,223)
```
#664ee7
```
#664ee7 rgb(102,78,231)
```
#6146ef
```
#6146ef rgb(97,70,239)
```
#5b3ff6
```
#5b3ff6 rgb(91,63,246)
```
#5637fe
```
#5637fe rgb(86,55,254)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676281 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#387982 Tritanopia 0.001% of the population

Trichromacy

#2561db Protanomaly 1% of men, 0.01% of women
#2565ca Deuteranomaly 6% of men, 0.4% of women
#4969a6 Tritanomaly 0.01% of the population

#664ee7 hex color

#664ee7 Color Information

#664ee7 Color Conversion

Color Schemes with #664ee7

Alternatives to #664ee7

#664ee7 Preview

Shades and Tints of #664ee7

Tones of #664ee7

Color Blindness Simulator