In the RGB color space, #5C88F5 is composed of 36.0784% red, 53.3333% green, and 96.0784% blue.
In the CMYK color space, #5C88F5 is composed of 62.45% cyan, 44.49% magenta, 0% yellow, and 3.92% black,
It has a hue angle of 222.8 degrees, a saturation of 88.44%, and a lightness of 66.08%.
The closest websafe color is #6699FF.
The hexadecimal color #5C88F5 has RGB values of R:92, G:136, B:245 and CMYK values of C:62.45, M:44.49, Y:0, K:3.92. It has a decimal value of 6064373.
Hexadecimal | #5C88F5 | #5C88F5 |
RGB Decimal | 92, 136, 245 | rgb(92, 136, 245) |
RGB Percent | 36.0784, 53.3333, 96.0784 | rgb(36.0784%, 53.3333%, 96.0784%) |
RGB Proportion | 0.3608, 0.5333, 0.9608 | rgb(0.3608, 0.5333, 0.9608) |
CMYK | 62.45, 44.49, 0, 3.92 | |
HSL | 222.8ยบ, 88.44, 66.08 | hsl(222.8, 88.44%, 66.08%) |
Websafe | 6699FF | #6699FF |
XYZ | 29.699, 26.474, 89.934 | |
Yxy | 26.474, 0.203, 0.181 | |
CIE-LAB | 58.484, 18.237, -59.23 | |
CIE-LCH | 58.484, 61.974, 287.114 | |
CIE-LUV | 58.484, -20.76, -96.025 | |
Hunter-Lab | 51.453, 12.989, -67.615 |
Colors that go well with #5C88F5.
Common HTML and CSS shortcodes for #5C88F5.
<div style="color: #5C88F5;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #5C88F5;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #5C88F5;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #5C88F5 to transparent.
<div style="background: linear-gradient(#5C88F5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #5C88F5 to transparent.
<div style="background: radial-gradient(#5C88F5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #5C88F5 to #A3770A.
<div style="background: linear-gradient(#5C88F5, #A3770A);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #5C88F5 to #A3770A.
<div style="background: radial-gradient(#5C88F5, #A3770A);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #5C88F5; }
.background { background-color: #5C88F5; }
.border { border: 1px solid #5C88F5; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
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.