In RGB color space, #557bd6 hex color has a red value of 85, a green value of 123 and a blue value of 214.
In CMYK color space (used in color printing), #557bd6 hex color is composed of 60.28% cyan, 42.52% magenta, 0% yellow and 16.08% black.
#557bd6 color has a hue of 222.3 degrees, a saturation of 61.14% and a lightness of 58.6%.
#557bd6 hex color contains mainly BLUE.
The closest web safe color of #557bd6 is #6666cc
#557bd6 hex color has a decimal value of 5602262.
HEX | 557bd6 | #557bd6 |
---|---|---|
RGB | 85, 123, 214 | rgb(85, 123, 214) |
RGB Percent | 33.33, 48.24, 83.92 | rgb(33.33, 48.24, 83.92) |
CMYK | 60, 43, 0, 16 | |
HSL | 222.3°, 61.14, 58.6 | hsl(222.3, 61.14%, 58.6%) |
HSV | 222.3°, 60.3, 83.9 |
XYZ | 22.967, 20.952, 66.452 |
---|---|
Hunter Lab | 45.773, 9.46, -54.034 |
CIE-LAB | 52.897, 14.459, -50.859 |
CIE-LCH | 52.897, 52.874, 285.87 |
CIE-LUV | 60.28, 42.52, 0, 16.08 |
Web Safe | 6666cc |
RGB percent of color #557bd6
CMYK percent of color #557bd6
Text with hexadecimal color #557bd6
This text has a font color of #557bd6
<p style="color:#557bd6">Text here</p>
#557bd6 Background Color
This box has a background color of #557bd6
<div style="background-color:#557bd6">Text here</div>
#557bd6 Border Color
This box has a border color of #557bd6
<div style="border: 4px solid #557bd6">Text here</div>
CSS codes
<p style="color:#557bd6">Text here</p>
<div style="background-color:#557bd6">Text here</div>
<div style="border: 4px solid #557bd6">Text here</div>
#557bd6 Color on white background
This is how a font and box color of #557bd6 will look
on a white background.
#557bd6 Color on black background
This is how a font and box color of #557bd6 hex color will look
on a black background.