In RGB color space, #557bd2 hex color has a red value of 85, a green value of 123 and a blue value of 210.
In CMYK color space (used in color printing), #557bd2 hex color is composed of 59.52% cyan, 41.43% magenta, 0% yellow and 17.65% black.
#557bd2 color has a hue of 221.8 degrees, a saturation of 58.14% and a lightness of 57.8%.
#557bd2 hex color contains mainly BLUE.
The closest web safe color of #557bd2 is #6666cc
#557bd2 hex color has a decimal value of 5602258.
| HEX | 557bd2 | #557bd2 |
|---|---|---|
| RGB | 85, 123, 210 | rgb(85, 123, 210) |
| RGB Percent | 33.33, 48.24, 82.35 | rgb(33.33, 48.24, 82.35) |
| CMYK | 60, 41, 0, 18 | |
| HSL | 221.8°, 58.14, 57.8 | hsl(221.8, 58.14%, 57.8%) |
| HSV | 221.8°, 59.5, 82.4 |
| XYZ | 22.462, 20.75, 63.794 |
|---|---|
| Hunter Lab | 45.552, 8.303, -51.147 |
| CIE-LAB | 52.675, 13.117, -48.949 |
| CIE-LCH | 52.675, 50.676, 285.001 |
| CIE-LUV | 59.52, 41.43, 0, 17.65 |
| Web Safe | 6666cc |
RGB percent of color #557bd2
CMYK percent of color #557bd2
Text with hexadecimal color #557bd2
This text has a font color of #557bd2
<p style="color:#557bd2">Text here</p>#557bd2 Background Color
This box has a background color of #557bd2
<div style="background-color:#557bd2">Text here</div>#557bd2 Border Color
This box has a border color of #557bd2
<div style="border: 4px solid #557bd2">Text here</div>CSS codes
<p style="color:#557bd2">Text here</p><div style="background-color:#557bd2">Text here</div><div style="border: 4px solid #557bd2">Text here</div>#557bd2 Color on white background
This is how a font and box color of #557bd2 will look
on a white background.
#557bd2 Color on black background
This is how a font and box color of #557bd2 hex color will look
on a black background.