In RGB color space, #557af2 hex color has a red value of 85, a green value of 122 and a blue value of 242.
In CMYK color space (used in color printing), #557af2 hex color is composed of 64.88% cyan, 49.59% magenta, 0% yellow and 5.1% black.
#557af2 color has a hue of 225.9 degrees, a saturation of 85.79% and a lightness of 64.1%.
#557af2 hex color contains mainly BLUE.
The closest web safe color of #557af2 is #6666ff
#557af2 hex color has a decimal value of 5602034.
| HEX | 557af2 | #557af2 |
|---|---|---|
| RGB | 85, 122, 242 | rgb(85, 122, 242) |
| RGB Percent | 33.33, 47.84, 94.9 | rgb(33.33, 47.84, 94.9) |
| CMYK | 65, 50, 0, 5 | |
| HSL | 225.9°, 85.79, 64.1 | hsl(225.9, 85.79%, 64.1%) |
| HSV | 225.9°, 64.9, 94.9 |
| XYZ | 26.733, 22.261, 86.892 |
|---|---|
| Hunter Lab | 47.182, 18.57, -76.164 |
| CIE-LAB | 54.303, 24.567, -64.299 |
| CIE-LCH | 54.303, 68.832, 290.911 |
| CIE-LUV | 64.88, 49.59, 0, 5.1 |
| Web Safe | 6666ff |
RGB percent of color #557af2
CMYK percent of color #557af2
Text with hexadecimal color #557af2
This text has a font color of #557af2
<p style="color:#557af2">Text here</p>#557af2 Background Color
This box has a background color of #557af2
<div style="background-color:#557af2">Text here</div>#557af2 Border Color
This box has a border color of #557af2
<div style="border: 4px solid #557af2">Text here</div>CSS codes
<p style="color:#557af2">Text here</p><div style="background-color:#557af2">Text here</div><div style="border: 4px solid #557af2">Text here</div>#557af2 Color on white background
This is how a font and box color of #557af2 will look
on a white background.
#557af2 Color on black background
This is how a font and box color of #557af2 hex color will look
on a black background.