In RGB color space, #558eea hex color has a red value of 85, a green value of 142 and a blue value of 234.
In CMYK color space (used in color printing), #558eea hex color is composed of 63.68% cyan, 39.32% magenta, 0% yellow and 8.24% black.
#558eea color has a hue of 217 degrees, a saturation of 78.01% and a lightness of 62.5%.
#558eea hex color contains mainly BLUE.
The closest web safe color of #558eea is #6699ff
#558eea hex color has a decimal value of 5607146.
| HEX | 558eea | #558eea |
|---|---|---|
| RGB | 85, 142, 234 | rgb(85, 142, 234) |
| RGB Percent | 33.33, 55.69, 91.76 | rgb(33.33, 55.69, 91.76) |
| CMYK | 64, 39, 0, 8 | |
| HSL | 217°, 78.01, 62.5 | hsl(217, 78.01%, 62.5%) |
| HSV | 217°, 63.7, 91.8 |
| XYZ | 28.271, 27.218, 81.605 |
|---|---|
| Hunter Lab | 52.171, 5.429, -56.221 |
| CIE-LAB | 59.176, 9.73, -52.057 |
| CIE-LCH | 59.176, 52.959, 280.587 |
| CIE-LUV | 63.68, 39.32, 0, 8.24 |
| Web Safe | 6699ff |
RGB percent of color #558eea
CMYK percent of color #558eea
Text with hexadecimal color #558eea
This text has a font color of #558eea
<p style="color:#558eea">Text here</p>#558eea Background Color
This box has a background color of #558eea
<div style="background-color:#558eea">Text here</div>#558eea Border Color
This box has a border color of #558eea
<div style="border: 4px solid #558eea">Text here</div>CSS codes
<p style="color:#558eea">Text here</p><div style="background-color:#558eea">Text here</div><div style="border: 4px solid #558eea">Text here</div>#558eea Color on white background
This is how a font and box color of #558eea will look
on a white background.
#558eea Color on black background
This is how a font and box color of #558eea hex color will look
on a black background.