In the RGB color space, #5EAFC9 is composed of 36.8627% red, 68.6275% green, and 78.8235% blue.
In the CMYK color space, #5EAFC9 is composed of 53.24% cyan, 12.93% magenta, 0% yellow, and 21.18% black,
It has a hue angle of 194.6 degrees, a saturation of 49.76%, and a lightness of 57.84%.
The closest websafe color is #6699CC.
The hexadecimal color #5EAFC9 has RGB values of R:94, G:175, B:201 and CMYK values of C:53.24, M:12.93, Y:0, K:21.18. It has a decimal value of 6205385.
Hexadecimal | #5EAFC9 | #5EAFC9 |
RGB Decimal | 94, 175, 201 | rgb(94, 175, 201) |
RGB Percent | 36.8627, 68.6275, 78.8235 | rgb(36.8627%, 68.6275%, 78.8235%) |
RGB Proportion | 0.3686, 0.6863, 0.7882 | rgb(0.3686, 0.6863, 0.7882) |
CMYK | 53.24, 12.93, 0, 21.18 | |
HSL | 194.6ยบ, 49.76, 57.84 | hsl(194.6, 49.76%, 57.84%) |
Websafe | 6699CC | #6699CC |
XYZ | 30.488, 37.258, 60.837 | |
Yxy | 37.258, 0.237, 0.29 | |
CIE-LAB | 67.47, -17.517, -20.813 | |
CIE-LCH | 67.47, 27.203, 229.915 | |
CIE-LUV | 67.47, -34.948, -29.741 | |
Hunter-Lab | 61.039, -17.661, -16.366 |
Colors that go well with #5EAFC9.
Common HTML and CSS shortcodes for #5EAFC9.
<div style="color: #5EAFC9;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #5EAFC9;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #5EAFC9;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #5EAFC9 to transparent.
<div style="background: linear-gradient(#5EAFC9, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #5EAFC9 to transparent.
<div style="background: radial-gradient(#5EAFC9, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #5EAFC9 to #A15036.
<div style="background: linear-gradient(#5EAFC9, #A15036);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #5EAFC9 to #A15036.
<div style="background: radial-gradient(#5EAFC9, #A15036);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #5EAFC9; }
.background { background-color: #5EAFC9; }
.border { border: 1px solid #5EAFC9; }
.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 #020304 while the lightest tint is #FCFEFE.