In RGB color space, #558bd1 hex color has a red value of 85, a green value of 139 and a blue value of 209.
In CMYK color space (used in color printing), #558bd1 hex color is composed of 59.33% cyan, 33.49% magenta, 0% yellow and 18.04% black.
#558bd1 color has a hue of 213.9 degrees, a saturation of 57.41% and a lightness of 57.6%.
#558bd1 hex color contains mainly BLUE.
The closest web safe color of #558bd1 is #6699cc
#558bd1 hex color has a decimal value of 5606353.
| HEX | 558bd1 | #558bd1 |
|---|---|---|
| RGB | 85, 139, 209 | rgb(85, 139, 209) |
| RGB Percent | 33.33, 54.51, 81.96 | rgb(33.33, 54.51, 81.96) |
| CMYK | 59, 33, 0, 18 | |
| HSL | 213.9°, 57.41, 57.6 | hsl(213.9, 57.41%, 57.6%) |
| HSV | 213.9°, 59.3, 82 |
| XYZ | 24.488, 25, 63.856 |
|---|---|
| Hunter Lab | 50, -0.078, -40.72 |
| CIE-LAB | 57.075, 3.177, -41.416 |
| CIE-LCH | 57.075, 41.538, 274.387 |
| CIE-LUV | 59.33, 33.49, 0, 18.04 |
| Web Safe | 6699cc |
RGB percent of color #558bd1
CMYK percent of color #558bd1
Text with hexadecimal color #558bd1
This text has a font color of #558bd1
<p style="color:#558bd1">Text here</p>#558bd1 Background Color
This box has a background color of #558bd1
<div style="background-color:#558bd1">Text here</div>#558bd1 Border Color
This box has a border color of #558bd1
<div style="border: 4px solid #558bd1">Text here</div>CSS codes
<p style="color:#558bd1">Text here</p><div style="background-color:#558bd1">Text here</div><div style="border: 4px solid #558bd1">Text here</div>#558bd1 Color on white background
This is how a font and box color of #558bd1 will look
on a white background.
#558bd1 Color on black background
This is how a font and box color of #558bd1 hex color will look
on a black background.