In RGB color space, #5677ff hex color has a red value of 86, a green value of 119 and a blue value of 255.
In CMYK color space (used in color printing), #5677ff hex color is composed of 66.27% cyan, 53.33% magenta, 0% yellow and 0% black.
#5677ff color has a hue of 228.3 degrees, a saturation of 100% and a lightness of 66.9%.
#5677ff hex color contains mainly BLUE.
The closest web safe color of #5677ff is #6666ff
#5677ff hex color has a decimal value of 5666815.
| HEX | 5677ff | #5677ff |
|---|---|---|
| RGB | 86, 119, 255 | rgb(86, 119, 255) |
| RGB Percent | 33.73, 46.67, 100 | rgb(33.73, 46.67, 100) |
| CMYK | 66, 53, 0, 0 | |
| HSL | 228.3°, 100, 66.9 | hsl(228.3, 100%, 66.9%) |
| HSV | 228.3°, 66.3, 100 |
| XYZ | 28.485, 22.392, 97.429 |
|---|---|
| Hunter Lab | 47.32, 24.64, -88.95 |
| CIE-LAB | 54.44, 30.98, -71.276 |
| CIE-LCH | 54.44, 77.718, 293.492 |
| CIE-LUV | 66.27, 53.33, 0, 0 |
| Web Safe | 6666ff |
RGB percent of color #5677ff
CMYK percent of color #5677ff
Text with hexadecimal color #5677ff
This text has a font color of #5677ff
<p style="color:#5677ff">Text here</p>#5677ff Background Color
This box has a background color of #5677ff
<div style="background-color:#5677ff">Text here</div>#5677ff Border Color
This box has a border color of #5677ff
<div style="border: 4px solid #5677ff">Text here</div>CSS codes
<p style="color:#5677ff">Text here</p><div style="background-color:#5677ff">Text here</div><div style="border: 4px solid #5677ff">Text here</div>#5677ff Color on white background
This is how a font and box color of #5677ff will look
on a white background.
#5677ff Color on black background
This is how a font and box color of #5677ff hex color will look
on a black background.