In RGB color space, #557ed1 hex color has a red value of 85, a green value of 126 and a blue value of 209.
In CMYK color space (used in color printing), #557ed1 hex color is composed of 59.33% cyan, 39.71% magenta, 0% yellow and 18.04% black.
#557ed1 color has a hue of 220.2 degrees, a saturation of 57.41% and a lightness of 57.6%.
#557ed1 hex color contains mainly BLUE.
The closest web safe color of #557ed1 is #6666cc
#557ed1 hex color has a decimal value of 5603025.
HEX | 557ed1 | #557ed1 |
---|---|---|
RGB | 85, 126, 209 | rgb(85, 126, 209) |
RGB Percent | 33.33, 49.41, 81.96 | rgb(33.33, 49.41, 81.96) |
CMYK | 59, 40, 0, 18 | |
HSL | 220.2°, 57.41, 57.6 | hsl(220.2, 57.41%, 57.6%) |
HSV | 220.2°, 59.3, 82 |
XYZ | 22.716, 21.456, 63.266 |
---|---|
Hunter Lab | 46.321, 6.477, -48.556 |
CIE-LAB | 53.445, 10.958, -47.158 |
CIE-LCH | 53.445, 48.414, 283.082 |
CIE-LUV | 59.33, 39.71, 0, 18.04 |
Web Safe | 6666cc |
RGB percent of color #557ed1
CMYK percent of color #557ed1
Text with hexadecimal color #557ed1
This text has a font color of #557ed1
<p style="color:#557ed1">Text here</p>
#557ed1 Background Color
This box has a background color of #557ed1
<div style="background-color:#557ed1">Text here</div>
#557ed1 Border Color
This box has a border color of #557ed1
<div style="border: 4px solid #557ed1">Text here</div>
CSS codes
<p style="color:#557ed1">Text here</p>
<div style="background-color:#557ed1">Text here</div>
<div style="border: 4px solid #557ed1">Text here</div>
#557ed1 Color on white background
This is how a font and box color of #557ed1 will look
on a white background.
#557ed1 Color on black background
This is how a font and box color of #557ed1 hex color will look
on a black background.