In RGB color space, #558ba3 hex color has a red value of 85, a green value of 139 and a blue value of 163.
In CMYK color space (used in color printing), #558ba3 hex color is composed of 47.85% cyan, 14.72% magenta, 0% yellow and 36.08% black.
#558ba3 color has a hue of 198.5 degrees, a saturation of 31.45% and a lightness of 48.6%.
#558ba3 hex color contains mainly BLUE.
The closest web safe color of #558ba3 is #669999
#558ba3 hex color has a decimal value of 5606307.
| HEX | 558ba3 | #558ba3 |
|---|---|---|
| RGB | 85, 139, 163 | rgb(85, 139, 163) |
| RGB Percent | 33.33, 54.51, 63.92 | rgb(33.33, 54.51, 63.92) |
| CMYK | 48, 15, 0, 36 | |
| HSL | 198.5°, 31.45, 48.6 | hsl(198.5, 31.45%, 48.6%) |
| HSV | 198.5°, 47.9, 63.9 |
| XYZ | 19.59, 23.041, 38.065 |
|---|---|
| Hunter Lab | 48.001, -11.153, -13.416 |
| CIE-LAB | 55.115, -11.179, -18.28 |
| CIE-LCH | 55.115, 21.427, 238.552 |
| CIE-LUV | 47.85, 14.72, 0, 36.08 |
| Web Safe | 669999 |
RGB percent of color #558ba3
CMYK percent of color #558ba3
Text with hexadecimal color #558ba3
This text has a font color of #558ba3
<p style="color:#558ba3">Text here</p>#558ba3 Background Color
This box has a background color of #558ba3
<div style="background-color:#558ba3">Text here</div>#558ba3 Border Color
This box has a border color of #558ba3
<div style="border: 4px solid #558ba3">Text here</div>CSS codes
<p style="color:#558ba3">Text here</p><div style="background-color:#558ba3">Text here</div><div style="border: 4px solid #558ba3">Text here</div>#558ba3 Color on white background
This is how a font and box color of #558ba3 will look
on a white background.
#558ba3 Color on black background
This is how a font and box color of #558ba3 hex color will look
on a black background.