#525AE1 Color Information


In the RGB color space, #525AE1 is composed of 32.16% red, 35.29% green, and 88.24% blue.

In the CMYK color space, #525AE1 is composed of 63.64% cyan, 60.23% magenta, 0% yellow, and 12% black,

It has a hue angle of 236.8 degrees, a saturation of 70%, and a lightness of 60%.

The closest websafe color is #6666CC.

#525AE1 RGB Values

#525AE1 CMYK Values

#525AE1 Color Conversion


The hexadecimal color #525AE1 has RGB values of R:82, G:90, B:225 and CMYK values of C:0.64, M:0.6, Y:0, K:12. It has a decimal value of 5397217.


Hexadecimal #525AE1 #525AE1
RGB Decimal 82, 90, 225 rgb(82, 90, 225)
RGB Percent 32.16, 35.29, 88.24 rgb(32.16%, 35.29%, 88.24%)
RGB Proportion 0.32, 0.35, 0.88 rgb(0.32, 0.35, 0.88)
CMYK 64, 60, 0, 1200
HSL 236.8ยบ, 70, 60 hsl(236.8, 70%, 60%)
Websafe 6666CC #6666CC
XYZ 20.547, 14.366, 72.496
Yxy 14.366, 0.191, 0.134
CIE-LAB 44.753, 38.214, -69.895
CIE-LCH 44.753, 79.659, 298.667
CIE-LUV 44.753, -9.669, -106.613
Hunter-Lab 37.903, 30.436, -86.872

Color Schemes With #525AE1


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

Alternatives to #525AE1


Colors similar to #525AE1.

#525AE1 Preview


Text with color #525AE1


The quick brown fox jumps over the lazy dog.

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

#525AE1 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #525AE1


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #525AE1


Linear gradient from #525AE1 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #525AE1


Radial gradient from #525AE1 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #525AE1 and its Complementary Color


Linear gradient from #525AE1 to #ADA51E.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #525AE1 and its Complementary Color


Radial gradient from #525AE1 to #ADA51E.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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