In the RGB color space, #548DF5 is composed of 32.9412% red, 55.2941% green, and 96.0784% blue.
In the CMYK color space, #548DF5 is composed of 65.72% cyan, 42.45% magenta, 0% yellow, and 3.92% black,
It has a hue angle of 218.8 degrees, a saturation of 88.95%, and a lightness of 64.51%.
The closest websafe color is #6699FF.
The hexadecimal color #548DF5 has RGB values of R:84, G:141, B:245 and CMYK values of C:65.72, M:42.45, Y:0, K:3.92. It has a decimal value of 5541365.
Hexadecimal | #548DF5 | #548DF5 |
RGB Decimal | 84, 141, 245 | rgb(84, 141, 245) |
RGB Percent | 32.9412, 55.2941, 96.0784 | rgb(32.9412%, 55.2941%, 96.0784%) |
RGB Proportion | 0.3294, 0.5529, 0.9608 | rgb(0.3294, 0.5529, 0.9608) |
CMYK | 65.72, 42.45, 0, 3.92 | |
HSL | 218.8ยบ, 88.95, 64.51 | hsl(218.8, 88.95%, 64.51%) |
Websafe | 6699FF | #6699FF |
XYZ | 29.661, 27.524, 90.139 | |
Yxy | 27.524, 0.201, 0.187 | |
CIE-LAB | 59.456, 13.903, -57.697 | |
CIE-LCH | 59.456, 59.348, 283.548 | |
CIE-LUV | 59.456, -24.289, -93.43 | |
Hunter-Lab | 52.463, 9.107, -65.144 |
Colors that go well with #548DF5.
Common HTML and CSS shortcodes for #548DF5.
<div style="color: #548DF5;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #548DF5;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #548DF5;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #548DF5 to transparent.
<div style="background: linear-gradient(#548DF5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #548DF5 to transparent.
<div style="background: radial-gradient(#548DF5, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #548DF5 to #AB720A.
<div style="background: linear-gradient(#548DF5, #AB720A);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #548DF5 to #AB720A.
<div style="background: radial-gradient(#548DF5, #AB720A);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #548DF5; }
.background { background-color: #548DF5; }
.border { border: 1px solid #548DF5; }
.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.