#664aee hex color

In a RGB color space, hex #664aee is composed of 40% red, 29% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 68.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 250.2 degrees, a saturation of 82.8% and a lightness of 61.2%. #664aee color hex could be obtained by blending #cc94ff with #0000dd. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 29
- B 93
RGB color chart
- C 57
- M 69
- Y 0
- K 7
CMYK color chart

● #664aee color description : Soft blue.

The hexadecimal color #664aee has RGB values of R:102, G:74, B:238 and CMYK values of C:0.57, M:0.69, Y:0, K:0.07. Its decimal value is 6703854.

Hex triplet	664aee	`#664aee`
RGB Decimal	102, 74, 238	`rgb(102,74,238)`
RGB Percent	40, 29, 93.3	`rgb(40%,29%,93.3%)`
CMYK	57, 69, 0, 7
HSL	250.2°, 82.8, 61.2	`hsl(250.2,82.8%,61.2%)`
HSV (or HSB)	250.2°, 68.9, 93.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.081, 54.214, -78.621
XYZ	23.358, 13.895, 82.335
xyY	0.195, 0.116, 13.895
CIE-LCH	44.081, 95.501, 304.589
CIE-LUV	44.081, -1.545, -118.709
Hunter-Lab	37.275, 46.622, -104.869
Binary	01100110, 01001010, 11101110

#664aee
```
#664aee rgb(102,74,238)
```
#d2ee4a
```
#d2ee4a rgb(210,238,74)
```

Complementary Color

#4a80ee
```
#4a80ee rgb(74,128,238)
```
#664aee
```
#664aee rgb(102,74,238)
```
#b84aee
```
#b84aee rgb(184,74,238)
```

Analogous Color

#80ee4a
```
#80ee4a rgb(128,238,74)
```
#664aee
```
#664aee rgb(102,74,238)
```
#eeb84a
```
#eeb84a rgb(238,184,74)
```

Split Complementary Color

#4aee66
```
#4aee66 rgb(74,238,102)
```
#664aee
```
#664aee rgb(102,74,238)
```
#ee664a
```
#ee664a rgb(238,102,74)
```

Triadic Color

#4ad2ee
```
#4ad2ee rgb(74,210,238)
```
#664aee
```
#664aee rgb(102,74,238)
```
#ee664a
```
#ee664a rgb(238,102,74)
```
#d2ee4a
```
#d2ee4a rgb(210,238,74)
```

Tetradic Color

#3614d7
```
#3614d7 rgb(54,20,215)
```
#3f1bea
```
#3f1bea rgb(63,27,234)
```
#5233ec
```
#5233ec rgb(82,51,236)
```
#664aee
```
#664aee rgb(102,74,238)
```
#7a61f0
```
#7a61f0 rgb(122,97,240)
```
#8d79f2
```
#8d79f2 rgb(141,121,242)
```
#a190f5
```
#a190f5 rgb(161,144,245)
```

Monochromatic Color

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

#4a57ee
```
#4a57ee rgb(74,87,238)
```
#4b4aee
```
#4b4aee rgb(75,74,238)
```
#584aee
```
#584aee rgb(88,74,238)
```
#664aee
```
#664aee rgb(102,74,238)
```
#744aee
```
#744aee rgb(116,74,238)
```
#814aee
```
#814aee rgb(129,74,238)
```
#8f4aee
```
#8f4aee rgb(143,74,238)
```

Similar Colors

Text with hexadecimal color #664aee

This text has a font color of #664aee.

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

#664aee background color

This paragraph has a background color of #664aee.

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

#664aee border color

This element has a border color of #664aee.

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

CSS codes

.text {color:#664aee;}

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

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

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

#040210
```
#040210 rgb(4,2,16)
```
#080322
```
#080322 rgb(8,3,34)
```
#0d0534
```
#0d0534 rgb(13,5,52)
```
#110746
```
#110746 rgb(17,7,70)
```
#160858
```
#160858 rgb(22,8,88)
```
#1a0a6a
```
#1a0a6a rgb(26,10,106)
```
#1f0c7c
```
#1f0c7c rgb(31,12,124)
```
#230d8e
```
#230d8e rgb(35,13,142)
```
#280fa0
```
#280fa0 rgb(40,15,160)
```
#2c11b2
```
#2c11b2 rgb(44,17,178)
```
#3112c4
```
#3112c4 rgb(49,18,196)
```
#3514d5
```
#3514d5 rgb(53,20,213)
```
#3a16e7
```
#3a16e7 rgb(58,22,231)
```

Shade Color Variation

#4826eb
```
#4826eb rgb(72,38,235)
```
#5738ec
```
#5738ec rgb(87,56,236)
```
#664aee
```
#664aee rgb(102,74,238)
```
#755cf0
```
#755cf0 rgb(117,92,240)
```
#846ef1
```
#846ef1 rgb(132,110,241)
```
#9380f3
```
#9380f3 rgb(147,128,243)
```
#a392f5
```
#a392f5 rgb(163,146,245)
```
#b2a4f6
```
#b2a4f6 rgb(178,164,246)
```
#c1b6f8
```
#c1b6f8 rgb(193,182,248)
```
#d0c8fa
```
#d0c8fa rgb(208,200,250)
```
#dfd9fb
```
#dfd9fb rgb(223,217,251)
```
#eeebfd
```
#eeebfd rgb(238,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9896a2 is the less saturated color, while #5c3bfd is the most saturated one.

#9896a2
```
#9896a2 rgb(152,150,162)
```
#938fa9
```
#938fa9 rgb(147,143,169)
```
#8e87b1
```
#8e87b1 rgb(142,135,177)
```
#897fb9
```
#897fb9 rgb(137,127,185)
```
#8478c0
```
#8478c0 rgb(132,120,192)
```
#7f70c8
```
#7f70c8 rgb(127,112,200)
```
#7a68d0
```
#7a68d0 rgb(122,104,208)
```
#7561d7
```
#7561d7 rgb(117,97,215)
```
#7059df
```
#7059df rgb(112,89,223)
```
#6b52e6
```
#6b52e6 rgb(107,82,230)
```
#664aee
```
#664aee rgb(102,74,238)
```
#6142f6
```
#6142f6 rgb(97,66,246)
```
#5c3bfd
```
#5c3bfd rgb(92,59,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#656080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#2f7982 Tritanopia 0.001% of the population

Trichromacy

#2560dd Protanomaly 1% of men, 0.01% of women
#2564cc Deuteranomaly 6% of men, 0.4% of women
#4368a9 Tritanomaly 0.01% of the population

#664aee hex color

#664aee Color Information

#664aee Color Conversion

Color Schemes with #664aee

Alternatives to #664aee

#664aee Preview

Shades and Tints of #664aee

Tones of #664aee

Color Blindness Simulator