In RGB color space, #558cf2 hex color has a red value of 85, a green value of 140 and a blue value of 242.
In CMYK color space (used in color printing), #558cf2 hex color is composed of 64.88% cyan, 42.15% magenta, 0% yellow and 5.1% black.
#558cf2 color has a hue of 219 degrees, a saturation of 85.79% and a lightness of 64.1%.
#558cf2 hex color contains mainly BLUE.
The closest web safe color of #558cf2 is #6699ff
#558cf2 hex color has a decimal value of 5606642.
| HEX | 558cf2 | #558cf2 |
|---|---|---|
| RGB | 85, 140, 242 | rgb(85, 140, 242) |
| RGB Percent | 33.33, 54.9, 94.9 | rgb(33.33, 54.9, 94.9) |
| CMYK | 65, 42, 0, 5 | |
| HSL | 219°, 85.79, 64.1 | hsl(219, 85.79%, 64.1%) |
| HSV | 219°, 64.9, 94.9 |
| XYZ | 29.151, 27.098, 87.698 |
|---|---|
| Hunter Lab | 52.056, 8.862, -63.446 |
| CIE-LAB | 59.065, 13.635, -56.661 |
| CIE-LCH | 59.065, 58.278, 283.53 |
| CIE-LUV | 64.88, 42.15, 0, 5.1 |
| Web Safe | 6699ff |
RGB percent of color #558cf2
CMYK percent of color #558cf2
Text with hexadecimal color #558cf2
This text has a font color of #558cf2
<p style="color:#558cf2">Text here</p>#558cf2 Background Color
This box has a background color of #558cf2
<div style="background-color:#558cf2">Text here</div>#558cf2 Border Color
This box has a border color of #558cf2
<div style="border: 4px solid #558cf2">Text here</div>CSS codes
<p style="color:#558cf2">Text here</p><div style="background-color:#558cf2">Text here</div><div style="border: 4px solid #558cf2">Text here</div>#558cf2 Color on white background
This is how a font and box color of #558cf2 will look
on a white background.
#558cf2 Color on black background
This is how a font and box color of #558cf2 hex color will look
on a black background.