In RGB color space, #558aa9 hex color has a red value of 85, a green value of 138 and a blue value of 169.
In CMYK color space (used in color printing), #558aa9 hex color is composed of 49.7% cyan, 18.34% magenta, 0% yellow and 33.73% black.
#558aa9 color has a hue of 202.1 degrees, a saturation of 33.07% and a lightness of 49.8%.
#558aa9 hex color contains mainly BLUE.
The closest web safe color of #558aa9 is #669999
#558aa9 hex color has a decimal value of 5606057.
| HEX | 558aa9 | #558aa9 |
|---|---|---|
| RGB | 85, 138, 169 | rgb(85, 138, 169) |
| RGB Percent | 33.33, 54.12, 66.27 | rgb(33.33, 54.12, 66.27) |
| CMYK | 50, 18, 0, 34 | |
| HSL | 202.1°, 33.07, 49.8 | hsl(202.1, 33.07%, 49.8%) |
| HSV | 202.1°, 49.7, 66.3 |
| XYZ | 19.996, 22.973, 40.916 |
|---|---|
| Hunter Lab | 47.93, -9.409, -17.062 |
| CIE-LAB | 55.045, -8.851, -21.834 |
| CIE-LCH | 55.045, 23.56, 247.934 |
| CIE-LUV | 49.7, 18.34, 0, 33.73 |
| Web Safe | 669999 |
RGB percent of color #558aa9
CMYK percent of color #558aa9
Text with hexadecimal color #558aa9
This text has a font color of #558aa9
<p style="color:#558aa9">Text here</p>#558aa9 Background Color
This box has a background color of #558aa9
<div style="background-color:#558aa9">Text here</div>#558aa9 Border Color
This box has a border color of #558aa9
<div style="border: 4px solid #558aa9">Text here</div>CSS codes
<p style="color:#558aa9">Text here</p><div style="background-color:#558aa9">Text here</div><div style="border: 4px solid #558aa9">Text here</div>#558aa9 Color on white background
This is how a font and box color of #558aa9 will look
on a white background.
#558aa9 Color on black background
This is how a font and box color of #558aa9 hex color will look
on a black background.