colorhexa.com

#664bf0 hex color

In a RGB color space, hex #664bf0 is composed of 40% red, 29.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 68.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 249.8 degrees, a saturation of 84.6% and a lightness of 61.8%. #664bf0 color hex could be obtained by blending #cc96ff with #0000e1. Closest websafe color is: #6633ff.

- R 40
- G 29
- B 94
RGB color chart
- C 58
- M 69
- Y 0
- K 6
CMYK color chart

● #664bf0 color description : Soft blue.

The hexadecimal color #664bf0 has RGB values of R:102, G:75, B:240 and CMYK values of C:0.58, M:0.69, Y:0, K:0.06. Its decimal value is 6704112.

Hex triplet	664bf0	`#664bf0`
RGB Decimal	102, 75, 240	`rgb(102,75,240)`
RGB Percent	40, 29.4, 94.1	`rgb(40%,29.4%,94.1%)`
CMYK	58, 69, 0, 6
HSL	249.8°, 84.6, 61.8	`hsl(249.8,84.6%,61.8%)`
HSV (or HSB)	249.8°, 68.8, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.444, 54.266, -79.154
XYZ	23.721, 14.147, 83.914
xyY	0.195, 0.116, 14.147
CIE-LCH	44.444, 95.97, 304.434
CIE-LUV	44.444, -1.893, -119.74
Hunter-Lab	37.613, 46.749, -105.946
Binary	01100110, 01001011, 11110000

#664bf0
```
#664bf0 rgb(102,75,240)
```
#d5f04b
```
#d5f04b rgb(213,240,75)
```

Complementary Color

#4b83f0
```
#4b83f0 rgb(75,131,240)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#b94bf0
```
#b94bf0 rgb(185,75,240)
```

Analogous Color

#83f04b
```
#83f04b rgb(131,240,75)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```

Split Complementary Color

#4bf066
```
#4bf066 rgb(75,240,102)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#f0664b
```
#f0664b rgb(240,102,75)
```

Triadic Color

#4bd5f0
```
#4bd5f0 rgb(75,213,240)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#f0664b
```
#f0664b rgb(240,102,75)
```
#d5f04b
```
#d5f04b rgb(213,240,75)
```

Tetradic Color

#3312dc
```
#3312dc rgb(51,18,220)
```
#3e1cec
```
#3e1cec rgb(62,28,236)
```
#5233ee
```
#5233ee rgb(82,51,238)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#7a63f2
```
#7a63f2 rgb(122,99,242)
```
#8e7af4
```
#8e7af4 rgb(142,122,244)
```
#a292f6
```
#a292f6 rgb(162,146,246)
```

Monochromatic Color

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

#4b59f0
```
#4b59f0 rgb(75,89,240)
```
#4b4cf0
```
#4b4cf0 rgb(75,76,240)
```
#584bf0
```
#584bf0 rgb(88,75,240)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#744bf0
```
#744bf0 rgb(116,75,240)
```
#824bf0
```
#824bf0 rgb(130,75,240)
```
#8f4bf0
```
#8f4bf0 rgb(143,75,240)
```

Similar Colors

Text with hexadecimal color #664bf0

This text has a font color of #664bf0.

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

#664bf0 background color

This paragraph has a background color of #664bf0.

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

#664bf0 border color

This element has a border color of #664bf0.

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

CSS codes

.text {color:#664bf0;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040213
```
#040213 rgb(4,2,19)
```
#090325
```
#090325 rgb(9,3,37)
```
#0d0537
```
#0d0537 rgb(13,5,55)
```
#110649
```
#110649 rgb(17,6,73)
```
#15085c
```
#15085c rgb(21,8,92)
```
#1a096e
```
#1a096e rgb(26,9,110)
```
#1e0b80
```
#1e0b80 rgb(30,11,128)
```
#220c92
```
#220c92 rgb(34,12,146)
```
#260ea4
```
#260ea4 rgb(38,14,164)
```
#2a0fb6
```
#2a0fb6 rgb(42,15,182)
```
#2f11c8
```
#2f11c8 rgb(47,17,200)
```
#3312da
```
#3312da rgb(51,18,218)
```

Shade Color Variation

#3815eb
```
#3815eb rgb(56,21,235)
```
#4727ed
```
#4727ed rgb(71,39,237)
```
#5739ee
```
#5739ee rgb(87,57,238)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#755df2
```
#755df2 rgb(117,93,242)
```
#856ff3
```
#856ff3 rgb(133,111,243)
```
#9481f5
```
#9481f5 rgb(148,129,245)
```
#a493f6
```
#a493f6 rgb(164,147,246)
```
#b3a6f8
```
#b3a6f8 rgb(179,166,248)
```
#c2b8f9
```
#c2b8f9 rgb(194,184,249)
```
#d2cafb
```
#d2cafb rgb(210,202,251)
```
#e1dcfc
```
#e1dcfc rgb(225,220,252)
```
#f1eefe
```
#f1eefe rgb(241,238,254)
```

Tint Color Variation

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

#9896a5
```
#9896a5 rgb(152,150,165)
```
#938fad
```
#938fad rgb(147,143,173)
```
#8e87b4
```
#8e87b4 rgb(142,135,180)
```
#8980bc
```
#8980bc rgb(137,128,188)
```
#8478c3
```
#8478c3 rgb(132,120,195)
```
#7f71cb
```
#7f71cb rgb(127,113,203)
```
#7a69d2
```
#7a69d2 rgb(122,105,210)
```
#7562da
```
#7562da rgb(117,98,218)
```
#705ae1
```
#705ae1 rgb(112,90,225)
```
#6b53e9
```
#6b53e9 rgb(107,83,233)
```
#664bf0
```
#664bf0 rgb(102,75,240)
```
#6144f8
```
#6144f8 rgb(97,68,248)
```
#5c3cff
```
#5c3cff rgb(92,60,255)
```

Tone Color Variation

Below, you can see how #664bf0 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
#666182 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#2561df Protanomaly 1% of men, 0.01% of women
#2564cd Deuteranomaly 6% of men, 0.4% of women
#4169ab Tritanomaly 0.01% of the population