#5197EE Color Information


In the RGB color space, #5197EE is composed of 31.7647% red, 59.2157% green, and 93.3333% blue.

In the CMYK color space, #5197EE is composed of 65.97% cyan, 36.55% magenta, 0% yellow, and 6.67% black,

It has a hue angle of 213.2 degrees, a saturation of 82.19%, and a lightness of 62.55%.

The closest websafe color is #6699FF.

#5197EE RGB Values

#5197EE CMYK Values



#5197EE Color Conversion


The hexadecimal color #5197EE has RGB values of R:81, G:151, B:238 and CMYK values of C:65.97, M:36.55, Y:0, K:6.67. It has a decimal value of 5347310.


Hexadecimal #5197EE #5197EE
RGB Decimal 81, 151, 238 rgb(81, 151, 238)
RGB Percent 31.7647, 59.2157, 93.3333 rgb(31.7647%, 59.2157%, 93.3333%)
RGB Proportion 0.3176, 0.5922, 0.9333 rgb(0.3176, 0.5922, 0.9333)
CMYK 65.97, 36.55, 0, 6.67
HSL 213.2ยบ, 82.19, 62.55 hsl(213.2, 82.19%, 62.55%)
Websafe 6699FF #6699FF
XYZ 29.892, 30.058, 85.109
Yxy 30.058, 0.206, 0.207
CIE-LAB 61.704, 5.091, -50.261
CIE-LCH 61.704, 50.518, 275.784
CIE-LUV 61.704, -28.399, -80.876
Hunter-Lab 54.825, 1.378, -53.662

Color Schemes For #5197EE


Colors that go well with #5197EE.

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

Alternatives to #5197EE


Colors similar to #5197EE.


#5197EE Preview


Common HTML and CSS shortcodes for #5197EE.

Text with color #5197EE


The quick brown fox jumps over the lazy dog.

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

#5197EE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5197EE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5197EE


Linear gradient from #5197EE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5197EE


Radial gradient from #5197EE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5197EE and its Complementary Color


Linear gradient from #5197EE to #AE6811.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5197EE and its Complementary Color


Radial gradient from #5197EE to #AE6811.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FCFDFE.

Shades


Tints

Random Colors