In RGB color space, #558af2 hex color has a red value of 85, a green value of 138 and a blue value of 242.
In CMYK color space (used in color printing), #558af2 hex color is composed of 64.88% cyan, 42.98% magenta, 0% yellow and 5.1% black.
#558af2 color has a hue of 219.7 degrees, a saturation of 85.79% and a lightness of 64.1%.
#558af2 hex color contains mainly BLUE.
The closest web safe color of #558af2 is #6699ff
#558af2 hex color has a decimal value of 5606130.
| HEX | 558af2 | #558af2 |
|---|---|---|
| RGB | 85, 138, 242 | rgb(85, 138, 242) |
| RGB Percent | 33.33, 54.12, 94.9 | rgb(33.33, 54.12, 94.9) |
| CMYK | 65, 43, 0, 5 | |
| HSL | 219.7°, 85.79, 64.1 | hsl(219.7, 85.79%, 64.1%) |
| HSV | 219.7°, 64.9, 94.9 |
| XYZ | 28.862, 26.519, 87.602 |
|---|---|
| Hunter Lab | 51.497, 9.924, -64.812 |
| CIE-LAB | 58.526, 14.838, -57.521 |
| CIE-LCH | 58.526, 59.404, 284.465 |
| CIE-LUV | 64.88, 42.98, 0, 5.1 |
| Web Safe | 6699ff |
RGB percent of color #558af2
CMYK percent of color #558af2
Text with hexadecimal color #558af2
This text has a font color of #558af2
<p style="color:#558af2">Text here</p>#558af2 Background Color
This box has a background color of #558af2
<div style="background-color:#558af2">Text here</div>#558af2 Border Color
This box has a border color of #558af2
<div style="border: 4px solid #558af2">Text here</div>CSS codes
<p style="color:#558af2">Text here</p><div style="background-color:#558af2">Text here</div><div style="border: 4px solid #558af2">Text here</div>#558af2 Color on white background
This is how a font and box color of #558af2 will look
on a white background.
#558af2 Color on black background
This is how a font and box color of #558af2 hex color will look
on a black background.