In RGB color space, #558ef4 hex color has a red value of 85, a green value of 142 and a blue value of 244.
In CMYK color space (used in color printing), #558ef4 hex color is composed of 65.16% cyan, 41.8% magenta, 0% yellow and 4.31% black.
#558ef4 color has a hue of 218.5 degrees, a saturation of 87.85% and a lightness of 64.5%.
#558ef4 hex color contains mainly BLUE.
The closest web safe color of #558ef4 is #6699ff
#558ef4 hex color has a decimal value of 5607156.
HEX | 558ef4 | #558ef4 |
---|---|---|
RGB | 85, 142, 244 | rgb(85, 142, 244) |
RGB Percent | 33.33, 55.69, 95.69 | rgb(33.33, 55.69, 95.69) |
CMYK | 65, 42, 0, 4 | |
HSL | 218.5°, 87.85, 64.5 | hsl(218.5, 87.85%, 64.5%) |
HSV | 218.5°, 65.2, 95.7 |
XYZ | 29.748, 27.809, 89.388 |
---|---|
Hunter Lab | 52.734, 8.409, -63.586 |
CIE-LAB | 59.716, 13.115, -56.726 |
CIE-LCH | 59.716, 58.222, 283.018 |
CIE-LUV | 65.16, 41.8, 0, 4.31 |
Web Safe | 6699ff |
RGB percent of color #558ef4
CMYK percent of color #558ef4
Text with hexadecimal color #558ef4
This text has a font color of #558ef4
<p style="color:#558ef4">Text here</p>
#558ef4 Background Color
This box has a background color of #558ef4
<div style="background-color:#558ef4">Text here</div>
#558ef4 Border Color
This box has a border color of #558ef4
<div style="border: 4px solid #558ef4">Text here</div>
CSS codes
<p style="color:#558ef4">Text here</p>
<div style="background-color:#558ef4">Text here</div>
<div style="border: 4px solid #558ef4">Text here</div>
#558ef4 Color on white background
This is how a font and box color of #558ef4 will look
on a white background.
#558ef4 Color on black background
This is how a font and box color of #558ef4 hex color will look
on a black background.