In RGB color space, #558cc2 hex color has a red value of 85, a green value of 140 and a blue value of 194.
In CMYK color space (used in color printing), #558cc2 hex color is composed of 56.19% cyan, 27.84% magenta, 0% yellow and 23.92% black.
#558cc2 color has a hue of 209.7 degrees, a saturation of 47.19% and a lightness of 54.7%.
#558cc2 hex color contains mainly BLUE.
The closest web safe color of #558cc2 is #6699cc
#558cc2 hex color has a decimal value of 5606594.
| HEX | 558cc2 | #558cc2 |
|---|---|---|
| RGB | 85, 140, 194 | rgb(85, 140, 194) |
| RGB Percent | 33.33, 54.9, 76.08 | rgb(33.33, 54.9, 76.08) |
| CMYK | 56, 28, 0, 24 | |
| HSL | 209.7°, 47.19, 54.7 | hsl(209.7, 47.19%, 54.7%) |
| HSV | 209.7°, 56.2, 76.1 |
| XYZ | 22.862, 24.583, 54.579 |
|---|---|
| Hunter Lab | 49.581, -4.461, -30.56 |
| CIE-LAB | 56.667, -2.266, -33.586 |
| CIE-LCH | 56.667, 33.662, 266.14 |
| CIE-LUV | 56.19, 27.84, 0, 23.92 |
| Web Safe | 6699cc |
RGB percent of color #558cc2
CMYK percent of color #558cc2
Text with hexadecimal color #558cc2
This text has a font color of #558cc2
<p style="color:#558cc2">Text here</p>#558cc2 Background Color
This box has a background color of #558cc2
<div style="background-color:#558cc2">Text here</div>#558cc2 Border Color
This box has a border color of #558cc2
<div style="border: 4px solid #558cc2">Text here</div>CSS codes
<p style="color:#558cc2">Text here</p><div style="background-color:#558cc2">Text here</div><div style="border: 4px solid #558cc2">Text here</div>#558cc2 Color on white background
This is how a font and box color of #558cc2 will look
on a white background.
#558cc2 Color on black background
This is how a font and box color of #558cc2 hex color will look
on a black background.