colorhexa.com

#664bd4 hex color

In a RGB color space, hex #664bd4 is composed of 40% red, 29.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 64.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 251.8 degrees, a saturation of 61.4% and a lightness of 56.3%. #664bd4 color hex could be obtained by blending #cc96ff with #0000a9. Closest websafe color is: #6633cc.

- R 40
- G 29
- B 83
RGB color chart
- C 52
- M 65
- Y 0
- K 17
CMYK color chart

● #664bd4 color description : Moderate blue.

The hexadecimal color #664bd4 has RGB values of R:102, G:75, B:212 and CMYK values of C:0.52, M:0.65, Y:0, K:0.17. Its decimal value is 6704084.

Hex triplet	664bd4	`#664bd4`
RGB Decimal	102, 75, 212	`rgb(102,75,212)`
RGB Percent	40, 29.4, 83.1	`rgb(40%,29.4%,83.1%)`
CMYK	52, 65, 0, 17
HSL	251.8°, 61.4, 56.3	`hsl(251.8,61.4%,56.3%)`
HSV (or HSB)	251.8°, 64.6, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	42.169, 46.054, -66.954
XYZ	19.877, 12.61, 63.67
xyY	0.207, 0.131, 12.61
CIE-LCH	42.169, 81.264, 304.522
CIE-LUV	42.169, 0.5, -101.22
Hunter-Lab	35.51, 37.773, -81.45
Binary	01100110, 01001011, 11010100

#664bd4
```
#664bd4 rgb(102,75,212)
```
#b9d44b
```
#b9d44b rgb(185,212,75)
```

Complementary Color

#4b75d4
```
#4b75d4 rgb(75,117,212)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#ab4bd4
```
#ab4bd4 rgb(171,75,212)
```

Analogous Color

#75d44b
```
#75d44b rgb(117,212,75)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#d4ab4b
```
#d4ab4b rgb(212,171,75)
```

Split Complementary Color

#4bd466
```
#4bd466 rgb(75,212,102)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#d4664b
```
#d4664b rgb(212,102,75)
```

Triadic Color

#4bb9d4
```
#4bb9d4 rgb(75,185,212)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#d4664b
```
#d4664b rgb(212,102,75)
```
#b9d44b
```
#b9d44b rgb(185,212,75)
```

Tetradic Color

#4229aa
```
#4229aa rgb(66,41,170)
```
#4a2ebe
```
#4a2ebe rgb(74,46,190)
```
#5536cf
```
#5536cf rgb(85,54,207)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#7760d9
```
#7760d9 rgb(119,96,217)
```
#8974de
```
#8974de rgb(137,116,222)
```
#9a89e3
```
#9a89e3 rgb(154,137,227)
```

Monochromatic Color

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

#4b52d4
```
#4b52d4 rgb(75,82,212)
```
#4f4bd4
```
#4f4bd4 rgb(79,75,212)
```
#5b4bd4
```
#5b4bd4 rgb(91,75,212)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#714bd4
```
#714bd4 rgb(113,75,212)
```
#7d4bd4
```
#7d4bd4 rgb(125,75,212)
```
#884bd4
```
#884bd4 rgb(136,75,212)
```

Similar Colors

Text with hexadecimal color #664bd4

This text has a font color of #664bd4.

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

#664bd4 background color

This paragraph has a background color of #664bd4.

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

#664bd4 border color

This element has a border color of #664bd4.

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

CSS codes

.text {color:#664bd4;}

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

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

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

#04020a
```
#04020a rgb(4,2,10)
```
#0a061a
```
#0a061a rgb(10,6,26)
```
#100a2a
```
#100a2a rgb(16,10,42)
```
#160e39
```
#160e39 rgb(22,14,57)
```
#1d1249
```
#1d1249 rgb(29,18,73)
```
#231559
```
#231559 rgb(35,21,89)
```
#291969
```
#291969 rgb(41,25,105)
```
#2f1d79
```
#2f1d79 rgb(47,29,121)
```
#352189
```
#352189 rgb(53,33,137)
```
#3b2498
```
#3b2498 rgb(59,36,152)
```
#4128a8
```
#4128a8 rgb(65,40,168)
```
#482cb8
```
#482cb8 rgb(72,44,184)
```
#4e30c8
```
#4e30c8 rgb(78,48,200)
```

Shade Color Variation

#593bd0
```
#593bd0 rgb(89,59,208)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#735bd8
```
#735bd8 rgb(115,91,216)
```
#816bdc
```
#816bdc rgb(129,107,220)
```
#8e7adf
```
#8e7adf rgb(142,122,223)
```
#9c8ae3
```
#9c8ae3 rgb(156,138,227)
```
#a99ae7
```
#a99ae7 rgb(169,154,231)
```
#b7aaeb
```
#b7aaeb rgb(183,170,235)
```
#c4baee
```
#c4baee rgb(196,186,238)
```
#d2caf2
```
#d2caf2 rgb(210,202,242)
```
#dfd9f6
```
#dfd9f6 rgb(223,217,246)
```
#ede9fa
```
#ede9fa rgb(237,233,250)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#8a8798
```
#8a8798 rgb(138,135,152)
```
#857ea1
```
#857ea1 rgb(133,126,161)
```
#8076a9
```
#8076a9 rgb(128,118,169)
```
#7b6db2
```
#7b6db2 rgb(123,109,178)
```
#7665ba
```
#7665ba rgb(118,101,186)
```
#705cc3
```
#705cc3 rgb(112,92,195)
```
#6b54cb
```
#6b54cb rgb(107,84,203)
```
#664bd4
```
#664bd4 rgb(102,75,212)
```
#6142dd
```
#6142dd rgb(97,66,221)
```
#5c3ae5
```
#5c3ae5 rgb(92,58,229)
```
#5631ee
```
#5631ee rgb(86,49,238)
```
#5129f6
```
#5129f6 rgb(81,41,246)
```
#4c20ff
```
#4c20ff rgb(76,32,255)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#645e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#47727a Tritanopia 0.001% of the population

Trichromacy

#255dce Protanomaly 1% of men, 0.01% of women
#2561bf Deuteranomaly 6% of men, 0.4% of women
#52639a Tritanomaly 0.01% of the population