In RGB color space, #558edd hex color has a red value of 85, a green value of 142 and a blue value of 221.
In CMYK color space (used in color printing), #558edd hex color is composed of 61.54% cyan, 35.75% magenta, 0% yellow and 13.33% black.
#558edd color has a hue of 214.9 degrees, a saturation of 66.67% and a lightness of 60%.
#558edd hex color contains mainly BLUE.
The closest web safe color of #558edd is #6699cc
#558edd hex color has a decimal value of 5607133.
| HEX | 558edd | #558edd |
|---|---|---|
| RGB | 85, 142, 221 | rgb(85, 142, 221) |
| RGB Percent | 33.33, 55.69, 86.67 | rgb(33.33, 55.69, 86.67) |
| CMYK | 62, 36, 0, 13 | |
| HSL | 214.9°, 66.67, 60 | hsl(214.9, 66.67%, 60%) |
| HSV | 214.9°, 61.5, 86.7 |
| XYZ | 26.47, 26.498, 72.126 |
|---|---|
| Hunter Lab | 51.476, 1.705, -47.041 |
| CIE-LAB | 58.507, 5.369, -45.884 |
| CIE-LCH | 58.507, 46.197, 276.674 |
| CIE-LUV | 61.54, 35.75, 0, 13.33 |
| Web Safe | 6699cc |
RGB percent of color #558edd
CMYK percent of color #558edd
Text with hexadecimal color #558edd
This text has a font color of #558edd
<p style="color:#558edd">Text here</p>#558edd Background Color
This box has a background color of #558edd
<div style="background-color:#558edd">Text here</div>#558edd Border Color
This box has a border color of #558edd
<div style="border: 4px solid #558edd">Text here</div>CSS codes
<p style="color:#558edd">Text here</p><div style="background-color:#558edd">Text here</div><div style="border: 4px solid #558edd">Text here</div>#558edd Color on white background
This is how a font and box color of #558edd will look
on a white background.
#558edd Color on black background
This is how a font and box color of #558edd hex color will look
on a black background.