#2E64FE Color Information


In the RGB color space, #2E64FE is composed of 18.0392% red, 39.2157% green, and 99.6078% blue.

In the CMYK color space, #2E64FE is composed of 81.89% cyan, 60.63% magenta, 0% yellow, and 0.39% black,

It has a hue angle of 224.4 degrees, a saturation of 99.05%, and a lightness of 58.82%.

The closest websafe color is #3366FF.

#2E64FE RGB Values

#2E64FE CMYK Values



#2E64FE Color Conversion


The hexadecimal color #2E64FE has RGB values of R:46, G:100, B:254 and CMYK values of C:81.89, M:60.63, Y:0, K:0.39. It has a decimal value of 3040510.


Hexadecimal #2E64FE #2E64FE
RGB Decimal 46, 100, 254 rgb(46, 100, 254)
RGB Percent 18.0392, 39.2157, 99.6078 rgb(18.0392%, 39.2157%, 99.6078%)
RGB Proportion 0.1804, 0.3922, 0.9961 rgb(0.1804, 0.3922, 0.9961)
CMYK 81.89, 60.63, 0, 0.39
HSL 224.4ยบ, 99.05, 58.82 hsl(224.4, 99.05%, 58.82%)
Websafe 3366FF #3366FF
XYZ 23.575, 16.853, 95.781
Yxy 16.853, 0.173, 0.124
CIE-LAB 48.074, 37.971, -81.16
CIE-LCH 48.074, 89.603, 295.073
CIE-LUV 48.074, -19.096, -124.535
Hunter-Lab 41.052, 30.665, -109.595

Color Schemes For #2E64FE


Colors that go well with #2E64FE.

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

Alternatives to #2E64FE


Colors similar to #2E64FE.


#2E64FE Preview


Common HTML and CSS shortcodes for #2E64FE.

Text with color #2E64FE


The quick brown fox jumps over the lazy dog.

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

#2E64FE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2E64FE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2E64FE


Linear gradient from #2E64FE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2E64FE


Radial gradient from #2E64FE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2E64FE and its Complementary Color


Linear gradient from #2E64FE to #D19B01.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2E64FE, #D19B01);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2E64FE and its Complementary Color


Radial gradient from #2E64FE to #D19B01.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2E64FE, #D19B01);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #2E64FE; } .background { background-color: #2E64FE; } .border { border: 1px solid #2E64FE; } .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 #2E64FE


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

Shades


Tints

Random Colors