In RGB color space, #558eb5 hex color has a red value of 85, a green value of 142 and a blue value of 181.
In CMYK color space (used in color printing), #558eb5 hex color is composed of 53.04% cyan, 21.55% magenta, 0% yellow and 29.02% black.
#558eb5 color has a hue of 204.4 degrees, a saturation of 39.34% and a lightness of 52.2%.
#558eb5 hex color contains mainly BLUE.
The closest web safe color of #558eb5 is #6699cc
#558eb5 hex color has a decimal value of 5607093.
| HEX | 558eb5 | #558eb5 |
|---|---|---|
| RGB | 85, 142, 181 | rgb(85, 142, 181) |
| RGB Percent | 33.33, 55.69, 70.98 | rgb(33.33, 55.69, 70.98) |
| CMYK | 53, 22, 0, 29 | |
| HSL | 204.4°, 39.34, 52.2 | hsl(204.4, 39.34%, 52.2%) |
| HSV | 204.4°, 53, 71 |
| XYZ | 21.76, 24.613, 47.32 |
|---|---|
| Hunter Lab | 49.611, -8.529, -21.823 |
| CIE-LAB | 56.696, -7.472, -26.154 |
| CIE-LCH | 56.696, 27.2, 254.056 |
| CIE-LUV | 53.04, 21.55, 0, 29.02 |
| Web Safe | 6699cc |
RGB percent of color #558eb5
CMYK percent of color #558eb5
Text with hexadecimal color #558eb5
This text has a font color of #558eb5
<p style="color:#558eb5">Text here</p>#558eb5 Background Color
This box has a background color of #558eb5
<div style="background-color:#558eb5">Text here</div>#558eb5 Border Color
This box has a border color of #558eb5
<div style="border: 4px solid #558eb5">Text here</div>CSS codes
<p style="color:#558eb5">Text here</p><div style="background-color:#558eb5">Text here</div><div style="border: 4px solid #558eb5">Text here</div>#558eb5 Color on white background
This is how a font and box color of #558eb5 will look
on a white background.
#558eb5 Color on black background
This is how a font and box color of #558eb5 hex color will look
on a black background.