#664ee1 hex color

In a RGB color space, hex #664ee1 is composed of 40% red, 30.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 65.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 249.8 degrees, a saturation of 71% and a lightness of 59.4%. #664ee1 color hex could be obtained by blending #cc9cff with #0000c3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 40
- G 31
- B 88
RGB color chart
- C 55
- M 65
- Y 0
- K 12
CMYK color chart

● #664ee1 color description : Soft blue.

The hexadecimal color #664ee1 has RGB values of R:102, G:78, B:225 and CMYK values of C:0.55, M:0.65, Y:0, K:0.12. Its decimal value is 6704865.

Hex triplet	664ee1	`#664ee1`
RGB Decimal	102, 78, 225	`rgb(102,78,225)`
RGB Percent	40, 30.6, 88.2	`rgb(40%,30.6%,88.2%)`
CMYK	55, 65, 0, 12
HSL	249.8°, 71, 59.4	`hsl(249.8,71%,59.4%)`
HSV (or HSB)	249.8°, 65.3, 88.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.813, 48.21, -71.702
XYZ	21.792, 13.709, 72.728
xyY	0.201, 0.127, 13.709
CIE-LCH	43.813, 86.403, 303.916
CIE-LUV	43.813, -1.268, -109.046
Hunter-Lab	37.026, 40.263, -90.542
Binary	01100110, 01001110, 11100001

#664ee1
```
#664ee1 rgb(102,78,225)
```
#c9e14e
```
#c9e14e rgb(201,225,78)
```

Complementary Color

#4e80e1
```
#4e80e1 rgb(78,128,225)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#b04ee1
```
#b04ee1 rgb(176,78,225)
```

Analogous Color

#80e14e
```
#80e14e rgb(128,225,78)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#e1b04e
```
#e1b04e rgb(225,176,78)
```

Split Complementary Color

#4ee166
```
#4ee166 rgb(78,225,102)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#e1664e
```
#e1664e rgb(225,102,78)
```

Triadic Color

#4ec9e1
```
#4ec9e1 rgb(78,201,225)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#e1664e
```
#e1664e rgb(225,102,78)
```
#c9e14e
```
#c9e14e rgb(201,225,78)
```

Tetradic Color

#3b21c2
```
#3b21c2 rgb(59,33,194)
```
#4225d7
```
#4225d7 rgb(66,37,215)
```
#5338dd
```
#5338dd rgb(83,56,221)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#7964e5
```
#7964e5 rgb(121,100,229)
```
#8c7ae8
```
#8c7ae8 rgb(140,122,232)
```
#9f8fec
```
#9f8fec rgb(159,143,236)
```

Monochromatic Color

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

#4e5be1
```
#4e5be1 rgb(78,91,225)
```
#4e4fe1
```
#4e4fe1 rgb(78,79,225)
```
#5a4ee1
```
#5a4ee1 rgb(90,78,225)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#724ee1
```
#724ee1 rgb(114,78,225)
```
#7f4ee1
```
#7f4ee1 rgb(127,78,225)
```
#8b4ee1
```
#8b4ee1 rgb(139,78,225)
```

Similar Colors

Text with hexadecimal color #664ee1

This text has a font color of #664ee1.

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

#664ee1 background color

This paragraph has a background color of #664ee1.

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

#664ee1 border color

This element has a border color of #664ee1.

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

CSS codes

.text {color:#664ee1;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#070418
```
#070418 rgb(7,4,24)
```
#0d0729
```
#0d0729 rgb(13,7,41)
```
#120a3a
```
#120a3a rgb(18,10,58)
```
#170d4b
```
#170d4b rgb(23,13,75)
```
#1c0f5b
```
#1c0f5b rgb(28,15,91)
```
#21126c
```
#21126c rgb(33,18,108)
```
#26157d
```
#26157d rgb(38,21,125)
```
#2b188e
```
#2b188e rgb(43,24,142)
```
#301b9e
```
#301b9e rgb(48,27,158)
```
#351eaf
```
#351eaf rgb(53,30,175)
```
#3b21c0
```
#3b21c0 rgb(59,33,192)
```
#4023d1
```
#4023d1 rgb(64,35,209)
```

Shade Color Variation

#492cdb
```
#492cdb rgb(73,44,219)
```
#583dde
```
#583dde rgb(88,61,222)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#745fe4
```
#745fe4 rgb(116,95,228)
```
#8370e7
```
#8370e7 rgb(131,112,231)
```
#9180ea
```
#9180ea rgb(145,128,234)
```
#a091ec
```
#a091ec rgb(160,145,236)
```
#aea2ef
```
#aea2ef rgb(174,162,239)
```
#bdb3f2
```
#bdb3f2 rgb(189,179,242)
```
#cbc3f5
```
#cbc3f5 rgb(203,195,245)
```
#dad4f8
```
#dad4f8 rgb(218,212,248)
```
#e8e5fb
```
#e8e5fb rgb(232,229,251)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#969699
```
#969699 rgb(150,150,153)
```
#918ea1
```
#918ea1 rgb(145,142,161)
```
#8c86a9
```
#8c86a9 rgb(140,134,169)
```
#867eb1
```
#867eb1 rgb(134,126,177)
```
#8176b9
```
#8176b9 rgb(129,118,185)
```
#7b6ec1
```
#7b6ec1 rgb(123,110,193)
```
#7666c9
```
#7666c9 rgb(118,102,201)
```
#715ed1
```
#715ed1 rgb(113,94,209)
```
#6b56d9
```
#6b56d9 rgb(107,86,217)
```
#664ee1
```
#664ee1 rgb(102,78,225)
```
#6146e9
```
#6146e9 rgb(97,70,233)
```
#5b3ef1
```
#5b3ef1 rgb(91,62,241)
```
#5636f9
```
#5636f9 rgb(86,54,249)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#66617f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#3e7780 Tritanopia 0.001% of the population

Trichromacy

#2561d8 Protanomaly 1% of men, 0.01% of women
#2564c7 Deuteranomaly 6% of men, 0.4% of women
#4c68a3 Tritanomaly 0.01% of the population

#664ee1 hex color

#664ee1 Color Information

#664ee1 Color Conversion

Color Schemes with #664ee1

Alternatives to #664ee1

#664ee1 Preview

Shades and Tints of #664ee1

Tones of #664ee1

Color Blindness Simulator