#5C85FB Color Information


In the RGB color space, #5C85FB is composed of 36.0784% red, 52.1569% green, and 98.4314% blue.

In the CMYK color space, #5C85FB is composed of 63.34% cyan, 47.01% magenta, 0% yellow, and 1.57% black,

It has a hue angle of 224.5 degrees, a saturation of 95.21%, and a lightness of 67.25%.

The closest websafe color is #6699FF.

#5C85FB RGB Values

#5C85FB CMYK Values



#5C85FB Color Conversion


The hexadecimal color #5C85FB has RGB values of R:92, G:133, B:251 and CMYK values of C:63.34, M:47.01, Y:0, K:1.57. It has a decimal value of 6063611.


Hexadecimal #5C85FB #5C85FB
RGB Decimal 92, 133, 251 rgb(92, 133, 251)
RGB Percent 36.0784, 52.1569, 98.4314 rgb(36.0784%, 52.1569%, 98.4314%)
RGB Proportion 0.3608, 0.5216, 0.9843 rgb(0.3608, 0.5216, 0.9843)
CMYK 63.34, 47.01, 0, 1.57
HSL 224.5ยบ, 95.21, 67.25 hsl(224.5, 95.21%, 67.25%)
Websafe 6699FF #6699FF
XYZ 30.215, 26.018, 94.693
Yxy 26.018, 0.2, 0.172
CIE-LAB 58.054, 22.045, -63.225
CIE-LCH 58.054, 66.958, 289.222
CIE-LUV 58.054, -19.85, -102.629
Hunter-Lab 51.008, 16.473, -74.363

Color Schemes For #5C85FB


Colors that go well with #5C85FB.

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

Alternatives to #5C85FB


Colors similar to #5C85FB.


#5C85FB Preview


Common HTML and CSS shortcodes for #5C85FB.

Text with color #5C85FB


The quick brown fox jumps over the lazy dog.

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

#5C85FB as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5C85FB


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5C85FB


Linear gradient from #5C85FB to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5C85FB


Radial gradient from #5C85FB to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5C85FB and its Complementary Color


Linear gradient from #5C85FB to #A37A04.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5C85FB and its Complementary Color


Radial gradient from #5C85FB to #A37A04.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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