In RGB color space, #558bb2 hex color has a red value of 85, a green value of 139 and a blue value of 178.
In CMYK color space (used in color printing), #558bb2 hex color is composed of 52.25% cyan, 21.91% magenta, 0% yellow and 30.2% black.
#558bb2 color has a hue of 205.2 degrees, a saturation of 37.65% and a lightness of 51.6%.
#558bb2 hex color contains mainly BLUE.
The closest web safe color of #558bb2 is #669999
#558bb2 hex color has a decimal value of 5606322.
| HEX | 558bb2 | #558bb2 |
|---|---|---|
| RGB | 85, 139, 178 | rgb(85, 139, 178) |
| RGB Percent | 33.33, 54.51, 69.8 | rgb(33.33, 54.51, 69.8) |
| CMYK | 52, 22, 0, 30 | |
| HSL | 205.2°, 37.65, 51.6 | hsl(205.2, 37.65%, 51.6%) |
| HSV | 205.2°, 52.2, 69.8 |
| XYZ | 21.015, 23.611, 45.569 |
|---|---|
| Hunter Lab | 48.591, -7.836, -21.589 |
| CIE-LAB | 55.696, -6.692, -25.986 |
| CIE-LCH | 55.696, 26.834, 255.559 |
| CIE-LUV | 52.25, 21.91, 0, 30.2 |
| Web Safe | 669999 |
RGB percent of color #558bb2
CMYK percent of color #558bb2
Text with hexadecimal color #558bb2
This text has a font color of #558bb2
<p style="color:#558bb2">Text here</p>#558bb2 Background Color
This box has a background color of #558bb2
<div style="background-color:#558bb2">Text here</div>#558bb2 Border Color
This box has a border color of #558bb2
<div style="border: 4px solid #558bb2">Text here</div>CSS codes
<p style="color:#558bb2">Text here</p><div style="background-color:#558bb2">Text here</div><div style="border: 4px solid #558bb2">Text here</div>#558bb2 Color on white background
This is how a font and box color of #558bb2 will look
on a white background.
#558bb2 Color on black background
This is how a font and box color of #558bb2 hex color will look
on a black background.