In RGB color space, #557bb2 hex color has a red value of 85, a green value of 123 and a blue value of 178.
In CMYK color space (used in color printing), #557bb2 hex color is composed of 52.25% cyan, 30.9% magenta, 0% yellow and 30.2% black.
#557bb2 color has a hue of 215.5 degrees, a saturation of 37.65% and a lightness of 51.6%.
#557bb2 hex color contains mainly BLUE.
The closest web safe color of #557bb2 is #666699
#557bb2 hex color has a decimal value of 5602226.
| HEX | 557bb2 | #557bb2 |
|---|---|---|
| RGB | 85, 123, 178 | rgb(85, 123, 178) |
| RGB Percent | 33.33, 48.24, 69.8 | rgb(33.33, 48.24, 69.8) |
| CMYK | 52, 31, 0, 30 | |
| HSL | 215.5°, 37.65, 51.6 | hsl(215.5, 37.65%, 51.6%) |
| HSV | 215.5°, 52.2, 69.8 |
| XYZ | 18.865, 19.312, 44.853 |
|---|---|
| Hunter Lab | 43.945, -0.278, -29.753 |
| CIE-LAB | 51.05, 2.65, -33.209 |
| CIE-LCH | 51.05, 33.315, 274.562 |
| CIE-LUV | 52.25, 30.9, 0, 30.2 |
| Web Safe | 666699 |
RGB percent of color #557bb2
CMYK percent of color #557bb2
Text with hexadecimal color #557bb2
This text has a font color of #557bb2
<p style="color:#557bb2">Text here</p>#557bb2 Background Color
This box has a background color of #557bb2
<div style="background-color:#557bb2">Text here</div>#557bb2 Border Color
This box has a border color of #557bb2
<div style="border: 4px solid #557bb2">Text here</div>CSS codes
<p style="color:#557bb2">Text here</p><div style="background-color:#557bb2">Text here</div><div style="border: 4px solid #557bb2">Text here</div>#557bb2 Color on white background
This is how a font and box color of #557bb2 will look
on a white background.
#557bb2 Color on black background
This is how a font and box color of #557bb2 hex color will look
on a black background.