In RGB color space, #558ed3 hex color has a red value of 85, a green value of 142 and a blue value of 211.
In CMYK color space (used in color printing), #558ed3 hex color is composed of 59.72% cyan, 32.7% magenta, 0% yellow and 17.25% black.
#558ed3 color has a hue of 212.9 degrees, a saturation of 58.88% and a lightness of 58%.
#558ed3 hex color contains mainly BLUE.
The closest web safe color of #558ed3 is #6699cc
#558ed3 hex color has a decimal value of 5607123.
| HEX | 558ed3 | #558ed3 |
|---|---|---|
| RGB | 85, 142, 211 | rgb(85, 142, 211) |
| RGB Percent | 33.33, 55.69, 82.75 | rgb(33.33, 55.69, 82.75) |
| CMYK | 60, 33, 0, 17 | |
| HSL | 212.9°, 58.88, 58 | hsl(212.9, 58.88%, 58%) |
| HSV | 212.9°, 59.7, 82.7 |
| XYZ | 25.177, 25.98, 65.316 |
|---|---|
| Hunter Lab | 50.971, -1.028, -40.297 |
| CIE-LAB | 58.018, 2.07, -41.057 |
| CIE-LCH | 58.018, 41.109, 272.886 |
| CIE-LUV | 59.72, 32.7, 0, 17.25 |
| Web Safe | 6699cc |
RGB percent of color #558ed3
CMYK percent of color #558ed3
Text with hexadecimal color #558ed3
This text has a font color of #558ed3
<p style="color:#558ed3">Text here</p>#558ed3 Background Color
This box has a background color of #558ed3
<div style="background-color:#558ed3">Text here</div>#558ed3 Border Color
This box has a border color of #558ed3
<div style="border: 4px solid #558ed3">Text here</div>CSS codes
<p style="color:#558ed3">Text here</p><div style="background-color:#558ed3">Text here</div><div style="border: 4px solid #558ed3">Text here</div>#558ed3 Color on white background
This is how a font and box color of #558ed3 will look
on a white background.
#558ed3 Color on black background
This is how a font and box color of #558ed3 hex color will look
on a black background.