#5A2EC4 Color Information


In the RGB color space, #5A2EC4 is composed of 35.2941% red, 18.0392% green, and 76.8627% blue.

In the CMYK color space, #5A2EC4 is composed of 54.09% cyan, 76.53% magenta, 0% yellow, and 23.14% black,

It has a hue angle of 257.6 degrees, a saturation of 61.98%, and a lightness of 47.45%.

The closest websafe color is #6633CC.

#5A2EC4 RGB Values

#5A2EC4 CMYK Values



#5A2EC4 Color Conversion


The hexadecimal color #5A2EC4 has RGB values of R:90, G:46, B:196 and CMYK values of C:54.09, M:76.53, Y:0, K:23.14. It has a decimal value of 5910212.


Hexadecimal #5A2EC4 #5A2EC4
RGB Decimal 90, 46, 196 rgb(90, 46, 196)
RGB Percent 35.2941, 18.0392, 76.8627 rgb(35.2941%, 18.0392%, 76.8627%)
RGB Proportion 0.3529, 0.1804, 0.7686 rgb(0.3529, 0.1804, 0.7686)
CMYK 54.09, 76.53, 0, 23.14
HSL 257.6ยบ, 61.98, 47.45 hsl(257.6, 61.98%, 47.45%)
Websafe 6633CC #6633CC
XYZ 15.156, 8.112, 52.987
Yxy 8.112, 0.199, 0.106
CIE-LAB 34.215, 54.691, -70.736
CIE-LCH 34.215, 89.413, 307.71
CIE-LUV 34.215, 3.163, -98.53
Hunter-Lab 28.482, 45.143, -90.366

Color Schemes For #5A2EC4


Colors that go well with #5A2EC4.

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

Alternatives to #5A2EC4


Colors similar to #5A2EC4.


#5A2EC4 Preview


Common HTML and CSS shortcodes for #5A2EC4.

Text with color #5A2EC4


The quick brown fox jumps over the lazy dog.

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

#5A2EC4 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5A2EC4


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5A2EC4


Linear gradient from #5A2EC4 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5A2EC4


Radial gradient from #5A2EC4 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5A2EC4 and its Complementary Color


Linear gradient from #5A2EC4 to #A5D13B.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5A2EC4 and its Complementary Color


Radial gradient from #5A2EC4 to #A5D13B.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors