In the RGB color space, #3649F4 is composed of 21.1765% red, 28.6275% green, and 95.6863% blue.
In the CMYK color space, #3649F4 is composed of 77.87% cyan, 70.08% magenta, 0% yellow, and 4.31% black,
It has a hue angle of 234.0 degrees, a saturation of 89.63%, and a lightness of 58.43%.
The closest websafe color is #3333FF.
The hexadecimal color #3649F4 has RGB values of R:54, G:73, B:244 and CMYK values of C:77.87, M:70.08, Y:0, K:4.31. It has a decimal value of 3557876.
Hexadecimal | #3649F4 | #3649F4 |
RGB Decimal | 54, 73, 244 | rgb(54, 73, 244) |
RGB Percent | 21.1765, 28.6275, 95.6863 | rgb(21.1765%, 28.6275%, 95.6863%) |
RGB Proportion | 0.2118, 0.2863, 0.9569 | rgb(0.2118, 0.2863, 0.9569) |
CMYK | 77.87, 70.08, 0, 4.31 | |
HSL | 234.0ยบ, 89.63, 58.43 | hsl(234.0, 89.63%, 58.43%) |
Websafe | 3333FF | #3333FF |
XYZ | 20.235, 12.083, 86.861 | |
Yxy | 12.083, 0.17, 0.101 | |
CIE-LAB | 41.348, 51.367, -86.614 | |
CIE-LCH | 41.348, 100.7, 300.67 | |
CIE-LUV | 41.348, -12.185, -125.235 | |
Hunter-Lab | 34.761, 43.078, -123.823 |
Colors that go well with #3649F4.
Common HTML and CSS shortcodes for #3649F4.
<div style="color: #3649F4;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #3649F4;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #3649F4;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #3649F4 to transparent.
<div style="background: linear-gradient(#3649F4, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #3649F4 to transparent.
<div style="background: radial-gradient(#3649F4, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #3649F4 to #C9B60B.
<div style="background: linear-gradient(#3649F4, #C9B60B);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #3649F4 to #C9B60B.
<div style="background: radial-gradient(#3649F4, #C9B60B);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #3649F4; }
.background { background-color: #3649F4; }
.border { border: 1px solid #3649F4; }
.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 #010204 while the lightest tint is #FCFCFE.