colorhexa.com

#664ad0 hex color

In a RGB color space, hex #664ad0 is composed of 40% red, 29% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 64.4% magenta, 0% yellow and 18.4% black. It has a hue angle of 252.5 degrees, a saturation of 58.8% and a lightness of 55.3%. #664ad0 color hex could be obtained by blending #cc94ff with #0000a1. Closest websafe color is: #6633cc.

- R 40
- G 29
- B 82
RGB color chart
- C 51
- M 64
- Y 0
- K 18
CMYK color chart

● #664ad0 color description : Moderate blue.

The hexadecimal color #664ad0 has RGB values of R:102, G:74, B:208 and CMYK values of C:0.51, M:0.64, Y:0, K:0.18. Its decimal value is 6703824.

Hex triplet	664ad0	`#664ad0`
RGB Decimal	102, 74, 208	`rgb(102,74,208)`
RGB Percent	40, 29, 81.6	`rgb(40%,29%,81.6%)`
CMYK	51, 64, 0, 18
HSL	252.5°, 58.8, 55.3	`hsl(252.5,58.8%,55.3%)`
HSV (or HSB)	252.5°, 64.4, 81.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.651, 45.444, -65.496
XYZ	19.311, 12.276, 61.023
xyY	0.209, 0.133, 12.276
CIE-LCH	41.651, 79.718, 304.755
CIE-LUV	41.651, 1.088, -98.815
Hunter-Lab	35.037, 37.069, -78.738
Binary	01100110, 01001010, 11010000

#664ad0
```
#664ad0 rgb(102,74,208)
```
#b4d04a
```
#b4d04a rgb(180,208,74)
```

Complementary Color

#4a71d0
```
#4a71d0 rgb(74,113,208)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#a94ad0
```
#a94ad0 rgb(169,74,208)
```

Analogous Color

#71d04a
```
#71d04a rgb(113,208,74)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#d0a94a
```
#d0a94a rgb(208,169,74)
```

Split Complementary Color

#4ad066
```
#4ad066 rgb(74,208,102)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#d0664a
```
#d0664a rgb(208,102,74)
```

Triadic Color

#4ab4d0
```
#4ab4d0 rgb(74,180,208)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#d0664a
```
#d0664a rgb(208,102,74)
```
#b4d04a
```
#b4d04a rgb(180,208,74)
```

Tetradic Color

#442aa3
```
#442aa3 rgb(68,42,163)
```
#4c30b7
```
#4c30b7 rgb(76,48,183)
```
#5536cb
```
#5536cb rgb(85,54,203)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#775ed5
```
#775ed5 rgb(119,94,213)
```
#8872db
```
#8872db rgb(136,114,219)
```
#9987e0
```
#9987e0 rgb(153,135,224)
```

Monochromatic Color

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

#4a50d0
```
#4a50d0 rgb(74,80,208)
```
#504ad0
```
#504ad0 rgb(80,74,208)
```
#5b4ad0
```
#5b4ad0 rgb(91,74,208)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#714ad0
```
#714ad0 rgb(113,74,208)
```
#7c4ad0
```
#7c4ad0 rgb(124,74,208)
```
#884ad0
```
#884ad0 rgb(136,74,208)
```

Similar Colors

Text with hexadecimal color #664ad0

This text has a font color of #664ad0.

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

#664ad0 background color

This paragraph has a background color of #664ad0.

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

#664ad0 border color

This element has a border color of #664ad0.

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

CSS codes

.text {color:#664ad0;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#090615
```
#090615 rgb(9,6,21)
```
#0f0a25
```
#0f0a25 rgb(15,10,37)
```
#160e35
```
#160e35 rgb(22,14,53)
```
#1c1244
```
#1c1244 rgb(28,18,68)
```
#231654
```
#231654 rgb(35,22,84)
```
#291a63
```
#291a63 rgb(41,26,99)
```
#301e73
```
#301e73 rgb(48,30,115)
```
#362282
```
#362282 rgb(54,34,130)
```
#3d2692
```
#3d2692 rgb(61,38,146)
```
#432aa2
```
#432aa2 rgb(67,42,162)
```
#492eb1
```
#492eb1 rgb(73,46,177)
```
#5032c1
```
#5032c1 rgb(80,50,193)
```

Shade Color Variation

#593acc
```
#593acc rgb(89,58,204)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#735ad4
```
#735ad4 rgb(115,90,212)
```
#8069d8
```
#8069d8 rgb(128,105,216)
```
#8d79dc
```
#8d79dc rgb(141,121,220)
```
#9b88e0
```
#9b88e0 rgb(155,136,224)
```
#a898e4
```
#a898e4 rgb(168,152,228)
```
#b5a7e8
```
#b5a7e8 rgb(181,167,232)
```
#c2b7ec
```
#c2b7ec rgb(194,183,236)
```
#cfc7f0
```
#cfc7f0 rgb(207,199,240)
```
#dcd6f4
```
#dcd6f4 rgb(220,214,244)
```
#eae6f8
```
#eae6f8 rgb(234,230,248)
```
#f7f5fc
```
#f7f5fc rgb(247,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8793 is the less saturated color, while #4c1efc is the most saturated one.

#8a8793
```
#8a8793 rgb(138,135,147)
```
#857f9b
```
#857f9b rgb(133,127,155)
```
#8076a4
```
#8076a4 rgb(128,118,164)
```
#7a6dad
```
#7a6dad rgb(122,109,173)
```
#7564b6
```
#7564b6 rgb(117,100,182)
```
#705cbe
```
#705cbe rgb(112,92,190)
```
#6b53c7
```
#6b53c7 rgb(107,83,199)
```
#664ad0
```
#664ad0 rgb(102,74,208)
```
#6141d9
```
#6141d9 rgb(97,65,217)
```
#5c38e2
```
#5c38e2 rgb(92,56,226)
```
#5730ea
```
#5730ea rgb(87,48,234)
```
#5227f3
```
#5227f3 rgb(82,39,243)
```
#4c1efc
```
#4c1efc rgb(76,30,252)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#635d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006cb1 Deuteranopia 1% of men
#497078 Tritanopia 0.001% of the population

Trichromacy

#255ccc Protanomaly 1% of men, 0.01% of women
#2560bc Deuteranomaly 6% of men, 0.4% of women
#546298 Tritanomaly 0.01% of the population