#5F9DDE Color Information


In the RGB color space, #5F9DDE is composed of 37.2549% red, 61.5686% green, and 87.0588% blue.

In the CMYK color space, #5F9DDE is composed of 57.21% cyan, 29.28% magenta, 0% yellow, and 12.94% black,

It has a hue angle of 210.7 degrees, a saturation of 65.81%, and a lightness of 62.16%.

The closest websafe color is #6699CC.

#5F9DDE RGB Values

#5F9DDE CMYK Values



#5F9DDE Color Conversion


The hexadecimal color #5F9DDE has RGB values of R:95, G:157, B:222 and CMYK values of C:57.21, M:29.28, Y:0, K:12.94. It has a decimal value of 6266334.


Hexadecimal #5F9DDE #5F9DDE
RGB Decimal 95, 157, 222 rgb(95, 157, 222)
RGB Percent 37.2549, 61.5686, 87.0588 rgb(37.2549%, 61.5686%, 87.0588%)
RGB Proportion 0.3725, 0.6157, 0.8706 rgb(0.3725, 0.6157, 0.8706)
CMYK 57.21, 29.28, 0, 12.94
HSL 210.7ยบ, 65.81, 62.16 hsl(210.7, 65.81%, 62.16%)
Websafe 6699CC #6699CC
XYZ 29.961, 31.821, 73.672
Yxy 31.821, 0.221, 0.235
CIE-LAB 63.195, -1.071, -39.038
CIE-LCH 63.195, 39.053, 268.428
CIE-LUV 63.195, -27.345, -61.699
Hunter-Lab 56.41, -3.911, -37.946

Color Schemes For #5F9DDE


Colors that go well with #5F9DDE.

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

Alternatives to #5F9DDE


Colors similar to #5F9DDE.


#5F9DDE Preview


Common HTML and CSS shortcodes for #5F9DDE.

Text with color #5F9DDE


The quick brown fox jumps over the lazy dog.

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

#5F9DDE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5F9DDE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5F9DDE


Linear gradient from #5F9DDE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5F9DDE


Radial gradient from #5F9DDE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5F9DDE and its Complementary Color


Linear gradient from #5F9DDE to #A06221.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5F9DDE and its Complementary Color


Radial gradient from #5F9DDE to #A06221.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors