#525AE1 Color Information


In the RGB color space, #525AE1 is composed of 32.1569% red, 35.2941% green, and 88.2353% blue.

In the CMYK color space, #525AE1 is composed of 63.55% cyan, 60.01% magenta, 0% yellow, and 11.76% black,

It has a hue angle of 236.7 degrees, a saturation of 70.45%, and a lightness of 60.2%.

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:63.55, M:60.01, Y:0, K:11.76. It has a decimal value of 5397217.


Hexadecimal #525AE1 #525AE1
RGB Decimal 82, 90, 225 rgb(82, 90, 225)
RGB Percent 32.1569, 35.2941, 88.2353 rgb(32.1569%, 35.2941%, 88.2353%)
RGB Proportion 0.3216, 0.3529, 0.8824 rgb(0.3216, 0.3529, 0.8824)
CMYK 63.55, 60.01, 0, 11.76
HSL 236.7ยบ, 70.45, 60.2 hsl(236.7, 70.45%, 60.2%)
Websafe 6666CC #6666CC
XYZ 20.728, 14.542, 72.957
Yxy 14.542, 0.192, 0.134
CIE-LAB 45.0, 38.028, -69.838
CIE-LCH 45.0, 79.52, 298.569
CIE-LUV 45.0, -9.771, -106.708
Hunter-Lab 38.134, 30.291, -86.738

Color Schemes For #525AE1


Colors that go well with #525AE1.

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

Alternatives to #525AE1


Colors similar to #525AE1.


#525AE1 Preview


Common HTML and CSS shortcodes for #525AE1.

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