#664DF5 Color Information


In the RGB color space, #664DF5 is composed of 40% red, 30.1961% green, and 96.0784% blue.

In the CMYK color space, #664DF5 is composed of 58.37% cyan, 68.57% magenta, 0% yellow, and 3.92% black,

It has a hue angle of 248.9 degrees, a saturation of 89.37%, and a lightness of 63.14%.

The closest websafe color is #6666FF.

#664DF5 RGB Values

#664DF5 CMYK Values



#664DF5 Color Conversion


The hexadecimal color #664DF5 has RGB values of R:102, G:77, B:245 and CMYK values of C:58.37, M:68.57, Y:0, K:3.92. It has a decimal value of 6704629.


Hexadecimal #664DF5 #664DF5
RGB Decimal 102, 77, 245 rgb(102, 77, 245)
RGB Percent 40, 30.1961, 96.0784 rgb(40%, 30.1961%, 96.0784%)
RGB Proportion 0.4, 0.302, 0.9608 rgb(0.4, 0.302, 0.9608)
CMYK 58.37, 68.57, 0, 3.92
HSL 248.9ยบ, 89.37, 63.14 hsl(248.9, 89.37%, 63.14%)
Websafe 6666FF #6666FF
XYZ 24.616, 14.727, 87.935
Yxy 14.727, 0.193, 0.116
CIE-LAB 45.258, 54.667, -80.633
CIE-LCH 45.258, 97.417, 304.136
CIE-LUV 45.258, -2.658, -122.439
Hunter-Lab 38.376, 47.341, -108.995

Color Schemes For #664DF5


Colors that go well with #664DF5.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #664DF5


Colors similar to #664DF5.


#664DF5 Preview


Common HTML and CSS shortcodes for #664DF5.

Text with color #664DF5


The quick brown fox jumps over the lazy dog.

<div style="color: #664DF5;">The quick brown fox jumps over the lazy dog.</div>

#664DF5 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #664DF5;">The quick brown fox jumps over the lazy dog.</div>

Border with #664DF5


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #664DF5;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #664DF5


Linear gradient from #664DF5 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#664DF5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #664DF5


Radial gradient from #664DF5 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#664DF5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #664DF5 and its Complementary Color


Linear gradient from #664DF5 to #99B20A.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#664DF5, #99B20A);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #664DF5 and its Complementary Color


Radial gradient from #664DF5 to #99B20A.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#664DF5, #99B20A);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #664DF5; } .background { background-color: #664DF5; } .border { border: 1px solid #664DF5; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #664DF5


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020204 while the lightest tint is #FCFCFE.

Shades


Tints

Random Colors