In RGB color space, #558aaf hex color has a red value of 85, a green value of 138 and a blue value of 175.
In CMYK color space (used in color printing), #558aaf hex color is composed of 51.43% cyan, 21.14% magenta, 0% yellow and 31.37% black.
#558aaf color has a hue of 204.7 degrees, a saturation of 36% and a lightness of 51%.
#558aaf hex color contains mainly BLUE.
The closest web safe color of #558aaf is #669999
#558aaf hex color has a decimal value of 5606063.
| HEX | 558aaf | #558aaf |
|---|---|---|
| RGB | 85, 138, 175 | rgb(85, 138, 175) |
| RGB Percent | 33.33, 54.12, 68.63 | rgb(33.33, 54.12, 68.63) |
| CMYK | 51, 21, 0, 31 | |
| HSL | 204.7°, 36, 51 | hsl(204.7, 36%, 51%) |
| HSV | 204.7°, 51.4, 68.6 |
| XYZ | 20.573, 23.203, 43.952 |
|---|---|
| Hunter Lab | 48.169, -8.06, -20.38 |
| CIE-LAB | 55.281, -7.036, -24.912 |
| CIE-LCH | 55.281, 25.887, 254.229 |
| CIE-LUV | 51.43, 21.14, 0, 31.37 |
| Web Safe | 669999 |
RGB percent of color #558aaf
CMYK percent of color #558aaf
Text with hexadecimal color #558aaf
This text has a font color of #558aaf
<p style="color:#558aaf">Text here</p>#558aaf Background Color
This box has a background color of #558aaf
<div style="background-color:#558aaf">Text here</div>#558aaf Border Color
This box has a border color of #558aaf
<div style="border: 4px solid #558aaf">Text here</div>CSS codes
<p style="color:#558aaf">Text here</p><div style="background-color:#558aaf">Text here</div><div style="border: 4px solid #558aaf">Text here</div>#558aaf Color on white background
This is how a font and box color of #558aaf will look
on a white background.
#558aaf Color on black background
This is how a font and box color of #558aaf hex color will look
on a black background.