In RGB color space, #558ec4 hex color has a red value of 85, a green value of 142 and a blue value of 196.
In CMYK color space (used in color printing), #558ec4 hex color is composed of 56.63% cyan, 27.55% magenta, 0% yellow and 23.14% black.
#558ec4 color has a hue of 209.2 degrees, a saturation of 48.47% and a lightness of 55.1%.
#558ec4 hex color contains mainly BLUE.
The closest web safe color of #558ec4 is #6699cc
#558ec4 hex color has a decimal value of 5607108.
| HEX | 558ec4 | #558ec4 |
|---|---|---|
| RGB | 85, 142, 196 | rgb(85, 142, 196) |
| RGB Percent | 33.33, 55.69, 76.86 | rgb(33.33, 55.69, 76.86) |
| CMYK | 57, 28, 0, 23 | |
| HSL | 209.2°, 48.47, 55.1 | hsl(209.2, 48.47%, 55.1%) |
| HSV | 209.2°, 56.6, 76.9 |
| XYZ | 23.383, 25.263, 55.868 |
|---|---|
| Hunter Lab | 50.262, -4.917, -30.719 |
| CIE-LAB | 57.331, -2.783, -33.682 |
| CIE-LCH | 57.331, 33.797, 265.277 |
| CIE-LUV | 56.63, 27.55, 0, 23.14 |
| Web Safe | 6699cc |
RGB percent of color #558ec4
CMYK percent of color #558ec4
Text with hexadecimal color #558ec4
This text has a font color of #558ec4
<p style="color:#558ec4">Text here</p>#558ec4 Background Color
This box has a background color of #558ec4
<div style="background-color:#558ec4">Text here</div>#558ec4 Border Color
This box has a border color of #558ec4
<div style="border: 4px solid #558ec4">Text here</div>CSS codes
<p style="color:#558ec4">Text here</p><div style="background-color:#558ec4">Text here</div><div style="border: 4px solid #558ec4">Text here</div>#558ec4 Color on white background
This is how a font and box color of #558ec4 will look
on a white background.
#558ec4 Color on black background
This is how a font and box color of #558ec4 hex color will look
on a black background.