In RGB color space, #557bd5 hex color has a red value of 85, a green value of 123 and a blue value of 213.
In CMYK color space (used in color printing), #557bd5 hex color is composed of 60.09% cyan, 42.25% magenta, 0% yellow and 16.47% black.
#557bd5 color has a hue of 222.2 degrees, a saturation of 60.38% and a lightness of 58.4%.
#557bd5 hex color contains mainly BLUE.
The closest web safe color of #557bd5 is #6666cc
#557bd5 hex color has a decimal value of 5602261.
| HEX | 557bd5 | #557bd5 |
|---|---|---|
| RGB | 85, 123, 213 | rgb(85, 123, 213) |
| RGB Percent | 33.33, 48.24, 83.53 | rgb(33.33, 48.24, 83.53) |
| CMYK | 60, 42, 0, 16 | |
| HSL | 222.2°, 60.38, 58.4 | hsl(222.2, 60.38%, 58.4%) |
| HSV | 222.2°, 60.1, 83.5 |
| XYZ | 22.84, 20.901, 65.781 |
|---|---|
| Hunter Lab | 45.718, 9.171, -53.307 |
| CIE-LAB | 52.841, 14.125, -50.383 |
| CIE-LCH | 52.841, 52.326, 285.661 |
| CIE-LUV | 60.09, 42.25, 0, 16.47 |
| Web Safe | 6666cc |
RGB percent of color #557bd5
CMYK percent of color #557bd5
Text with hexadecimal color #557bd5
This text has a font color of #557bd5
<p style="color:#557bd5">Text here</p>#557bd5 Background Color
This box has a background color of #557bd5
<div style="background-color:#557bd5">Text here</div>#557bd5 Border Color
This box has a border color of #557bd5
<div style="border: 4px solid #557bd5">Text here</div>CSS codes
<p style="color:#557bd5">Text here</p><div style="background-color:#557bd5">Text here</div><div style="border: 4px solid #557bd5">Text here</div>#557bd5 Color on white background
This is how a font and box color of #557bd5 will look
on a white background.
#557bd5 Color on black background
This is how a font and box color of #557bd5 hex color will look
on a black background.