In RGB color space, #557bb9 hex color has a red value of 85, a green value of 123 and a blue value of 185.
In CMYK color space (used in color printing), #557bb9 hex color is composed of 54.05% cyan, 33.51% magenta, 0% yellow and 27.45% black.
#557bb9 color has a hue of 217.2 degrees, a saturation of 41.67% and a lightness of 52.9%.
#557bb9 hex color contains mainly BLUE.
The closest web safe color of #557bb9 is #6666cc
#557bb9 hex color has a decimal value of 5602233.
| HEX | 557bb9 | #557bb9 |
|---|---|---|
| RGB | 85, 123, 185 | rgb(85, 123, 185) |
| RGB Percent | 33.33, 48.24, 72.55 | rgb(33.33, 48.24, 72.55) |
| CMYK | 54, 34, 0, 27 | |
| HSL | 217.2°, 41.67, 52.9 | hsl(217.2, 41.67%, 52.9%) |
| HSV | 217.2°, 54.1, 72.5 |
| XYZ | 19.586, 19.6, 48.65 |
|---|---|
| Hunter Lab | 44.272, 1.493, -34.163 |
| CIE-LAB | 51.382, 4.89, -36.723 |
| CIE-LCH | 51.382, 37.047, 277.585 |
| CIE-LUV | 54.05, 33.51, 0, 27.45 |
| Web Safe | 6666cc |
RGB percent of color #557bb9
CMYK percent of color #557bb9
Text with hexadecimal color #557bb9
This text has a font color of #557bb9
<p style="color:#557bb9">Text here</p>#557bb9 Background Color
This box has a background color of #557bb9
<div style="background-color:#557bb9">Text here</div>#557bb9 Border Color
This box has a border color of #557bb9
<div style="border: 4px solid #557bb9">Text here</div>CSS codes
<p style="color:#557bb9">Text here</p><div style="background-color:#557bb9">Text here</div><div style="border: 4px solid #557bb9">Text here</div>#557bb9 Color on white background
This is how a font and box color of #557bb9 will look
on a white background.
#557bb9 Color on black background
This is how a font and box color of #557bb9 hex color will look
on a black background.