In RGB color space, #557ba1 hex color has a red value of 85, a green value of 123 and a blue value of 161.
In CMYK color space (used in color printing), #557ba1 hex color is composed of 47.2% cyan, 23.6% magenta, 0% yellow and 36.86% black.
#557ba1 color has a hue of 210 degrees, a saturation of 30.89% and a lightness of 48.2%.
#557ba1 hex color contains mainly BLUE.
The closest web safe color of #557ba1 is #666699
#557ba1 hex color has a decimal value of 5602209.
| HEX | 557ba1 | #557ba1 |
|---|---|---|
| RGB | 85, 123, 161 | rgb(85, 123, 161) |
| RGB Percent | 33.33, 48.24, 63.14 | rgb(33.33, 48.24, 63.14) |
| CMYK | 47, 24, 0, 37 | |
| HSL | 210°, 30.89, 48.2 | hsl(210, 30.89%, 48.2%) |
| HSV | 210°, 47.2, 63.1 |
| XYZ | 17.262, 18.67, 36.412 |
|---|---|
| Hunter Lab | 43.209, -4.304, -19.717 |
| CIE-LAB | 50.299, -2.618, -24.514 |
| CIE-LCH | 50.299, 24.653, 263.904 |
| CIE-LUV | 47.2, 23.6, 0, 36.86 |
| Web Safe | 666699 |
RGB percent of color #557ba1
CMYK percent of color #557ba1
Text with hexadecimal color #557ba1
This text has a font color of #557ba1
<p style="color:#557ba1">Text here</p>#557ba1 Background Color
This box has a background color of #557ba1
<div style="background-color:#557ba1">Text here</div>#557ba1 Border Color
This box has a border color of #557ba1
<div style="border: 4px solid #557ba1">Text here</div>CSS codes
<p style="color:#557ba1">Text here</p><div style="background-color:#557ba1">Text here</div><div style="border: 4px solid #557ba1">Text here</div>#557ba1 Color on white background
This is how a font and box color of #557ba1 will look
on a white background.
#557ba1 Color on black background
This is how a font and box color of #557ba1 hex color will look
on a black background.