In RGB color space, #557ef2 hex color has a red value of 85, a green value of 126 and a blue value of 242.
In CMYK color space (used in color printing), #557ef2 hex color is composed of 64.88% cyan, 47.93% magenta, 0% yellow and 5.1% black.
#557ef2 color has a hue of 224.3 degrees, a saturation of 85.79% and a lightness of 64.1%.
#557ef2 hex color contains mainly BLUE.
The closest web safe color of #557ef2 is #6666ff
#557ef2 hex color has a decimal value of 5603058.
HEX | 557ef2 | #557ef2 |
---|---|---|
RGB | 85, 126, 242 | rgb(85, 126, 242) |
RGB Percent | 33.33, 49.41, 94.9 | rgb(33.33, 49.41, 94.9) |
CMYK | 65, 48, 0, 5 | |
HSL | 224.3°, 85.79, 64.1 | hsl(224.3, 85.79%, 64.1%) |
HSV | 224.3°, 64.9, 94.9 |
XYZ | 27.234, 23.264, 87.059 |
---|---|
Hunter Lab | 48.233, 16.38, -73.254 |
CIE-LAB | 55.343, 22.117, -62.624 |
CIE-LCH | 55.343, 66.415, 289.452 |
CIE-LUV | 64.88, 47.93, 0, 5.1 |
Web Safe | 6666ff |
RGB percent of color #557ef2
CMYK percent of color #557ef2
Text with hexadecimal color #557ef2
This text has a font color of #557ef2
<p style="color:#557ef2">Text here</p>
#557ef2 Background Color
This box has a background color of #557ef2
<div style="background-color:#557ef2">Text here</div>
#557ef2 Border Color
This box has a border color of #557ef2
<div style="border: 4px solid #557ef2">Text here</div>
CSS codes
<p style="color:#557ef2">Text here</p>
<div style="background-color:#557ef2">Text here</div>
<div style="border: 4px solid #557ef2">Text here</div>
#557ef2 Color on white background
This is how a font and box color of #557ef2 will look
on a white background.
#557ef2 Color on black background
This is how a font and box color of #557ef2 hex color will look
on a black background.