In RGB color space, #558ea2 hex color has a red value of 85, a green value of 142 and a blue value of 162.
In CMYK color space (used in color printing), #558ea2 hex color is composed of 47.53% cyan, 12.35% magenta, 0% yellow and 36.47% black.
#558ea2 color has a hue of 195.6 degrees, a saturation of 31.17% and a lightness of 48.4%.
#558ea2 hex color contains mainly BLUE.
The closest web safe color of #558ea2 is #669999
#558ea2 hex color has a decimal value of 5607074.
| HEX | 558ea2 | #558ea2 |
|---|---|---|
| RGB | 85, 142, 162 | rgb(85, 142, 162) |
| RGB Percent | 33.33, 55.69, 63.53 | rgb(33.33, 55.69, 63.53) |
| CMYK | 48, 12, 0, 36 | |
| HSL | 195.6°, 31.17, 48.4 | hsl(195.6, 31.17%, 48.4%) |
| HSV | 195.6°, 47.5, 63.5 |
| XYZ | 19.941, 23.886, 37.742 |
|---|---|
| Hunter Lab | 48.873, -12.698, -11.575 |
| CIE-LAB | 55.973, -13.128, -16.4 |
| CIE-LCH | 55.973, 21.007, 231.323 |
| CIE-LUV | 47.53, 12.35, 0, 36.47 |
| Web Safe | 669999 |
RGB percent of color #558ea2
CMYK percent of color #558ea2
Text with hexadecimal color #558ea2
This text has a font color of #558ea2
<p style="color:#558ea2">Text here</p>#558ea2 Background Color
This box has a background color of #558ea2
<div style="background-color:#558ea2">Text here</div>#558ea2 Border Color
This box has a border color of #558ea2
<div style="border: 4px solid #558ea2">Text here</div>CSS codes
<p style="color:#558ea2">Text here</p><div style="background-color:#558ea2">Text here</div><div style="border: 4px solid #558ea2">Text here</div>#558ea2 Color on white background
This is how a font and box color of #558ea2 will look
on a white background.
#558ea2 Color on black background
This is how a font and box color of #558ea2 hex color will look
on a black background.