In RGB color space, #557ed9 hex color has a red value of 85, a green value of 126 and a blue value of 217.
In CMYK color space (used in color printing), #557ed9 hex color is composed of 60.83% cyan, 41.94% magenta, 0% yellow and 14.9% black.
#557ed9 color has a hue of 221.4 degrees, a saturation of 63.46% and a lightness of 59.2%.
#557ed9 hex color contains mainly BLUE.
The closest web safe color of #557ed9 is #6666cc
#557ed9 hex color has a decimal value of 5603033.
| HEX | 557ed9 | #557ed9 |
|---|---|---|
| RGB | 85, 126, 217 | rgb(85, 126, 217) |
| RGB Percent | 33.33, 49.41, 85.1 | rgb(33.33, 49.41, 85.1) |
| CMYK | 61, 42, 0, 15 | |
| HSL | 221.4°, 63.46, 59.2 | hsl(221.4, 63.46%, 59.2%) |
| HSV | 221.4°, 60.8, 85.1 |
| XYZ | 23.732, 21.863, 68.615 |
|---|---|
| Hunter Lab | 46.758, 8.772, -54.275 |
| CIE-LAB | 53.881, 13.636, -50.983 |
| CIE-LCH | 53.881, 52.775, 284.974 |
| CIE-LUV | 60.83, 41.94, 0, 14.9 |
| Web Safe | 6666cc |
RGB percent of color #557ed9
CMYK percent of color #557ed9
Text with hexadecimal color #557ed9
This text has a font color of #557ed9
<p style="color:#557ed9">Text here</p>#557ed9 Background Color
This box has a background color of #557ed9
<div style="background-color:#557ed9">Text here</div>#557ed9 Border Color
This box has a border color of #557ed9
<div style="border: 4px solid #557ed9">Text here</div>CSS codes
<p style="color:#557ed9">Text here</p><div style="background-color:#557ed9">Text here</div><div style="border: 4px solid #557ed9">Text here</div>#557ed9 Color on white background
This is how a font and box color of #557ed9 will look
on a white background.
#557ed9 Color on black background
This is how a font and box color of #557ed9 hex color will look
on a black background.