In RGB color space, #558cc1 hex color has a red value of 85, a green value of 140 and a blue value of 193.
In CMYK color space (used in color printing), #558cc1 hex color is composed of 55.96% cyan, 27.46% magenta, 0% yellow and 24.31% black.
#558cc1 color has a hue of 209.4 degrees, a saturation of 46.55% and a lightness of 54.5%.
#558cc1 hex color contains mainly BLUE.
The closest web safe color of #558cc1 is #6699cc
#558cc1 hex color has a decimal value of 5606593.
| HEX | 558cc1 | #558cc1 |
|---|---|---|
| RGB | 85, 140, 193 | rgb(85, 140, 193) |
| RGB Percent | 33.33, 54.9, 75.69 | rgb(33.33, 54.9, 75.69) |
| CMYK | 56, 27, 0, 24 | |
| HSL | 209.4°, 46.55, 54.5 | hsl(209.4, 46.55%, 54.5%) |
| HSV | 209.4°, 56, 75.7 |
| XYZ | 22.75, 24.538, 53.989 |
|---|---|
| Hunter Lab | 49.536, -4.709, -29.945 |
| CIE-LAB | 56.622, -2.583, -33.088 |
| CIE-LCH | 56.622, 33.189, 265.536 |
| CIE-LUV | 55.96, 27.46, 0, 24.31 |
| Web Safe | 6699cc |
RGB percent of color #558cc1
CMYK percent of color #558cc1
Text with hexadecimal color #558cc1
This text has a font color of #558cc1
<p style="color:#558cc1">Text here</p>#558cc1 Background Color
This box has a background color of #558cc1
<div style="background-color:#558cc1">Text here</div>#558cc1 Border Color
This box has a border color of #558cc1
<div style="border: 4px solid #558cc1">Text here</div>CSS codes
<p style="color:#558cc1">Text here</p><div style="background-color:#558cc1">Text here</div><div style="border: 4px solid #558cc1">Text here</div>#558cc1 Color on white background
This is how a font and box color of #558cc1 will look
on a white background.
#558cc1 Color on black background
This is how a font and box color of #558cc1 hex color will look
on a black background.