In RGB color space, #558ad6 hex color has a red value of 85, a green value of 138 and a blue value of 214.
In CMYK color space (used in color printing), #558ad6 hex color is composed of 60.28% cyan, 35.51% magenta, 0% yellow and 16.08% black.
#558ad6 color has a hue of 215.3 degrees, a saturation of 61.14% and a lightness of 58.6%.
#558ad6 hex color contains mainly BLUE.
The closest web safe color of #558ad6 is #6699cc
#558ad6 hex color has a decimal value of 5606102.
HEX | 558ad6 | #558ad6 |
---|---|---|
RGB | 85, 138, 214 | rgb(85, 138, 214) |
RGB Percent | 33.33, 54.12, 83.92 | rgb(33.33, 54.12, 83.92) |
CMYK | 60, 36, 0, 16 | |
HSL | 215.3°, 61.14, 58.6 | hsl(215.3, 61.14%, 58.6%) |
HSV | 215.3°, 60.3, 83.9 |
XYZ | 24.972, 24.963, 67.121 |
---|---|
Hunter Lab | 49.963, 1.781, -44.677 |
CIE-LAB | 57.039, 5.415, -44.284 |
CIE-LCH | 57.039, 44.614, 276.971 |
CIE-LUV | 60.28, 35.51, 0, 16.08 |
Web Safe | 6699cc |
RGB percent of color #558ad6
CMYK percent of color #558ad6
Text with hexadecimal color #558ad6
This text has a font color of #558ad6
<p style="color:#558ad6">Text here</p>
#558ad6 Background Color
This box has a background color of #558ad6
<div style="background-color:#558ad6">Text here</div>
#558ad6 Border Color
This box has a border color of #558ad6
<div style="border: 4px solid #558ad6">Text here</div>
CSS codes
<p style="color:#558ad6">Text here</p>
<div style="background-color:#558ad6">Text here</div>
<div style="border: 4px solid #558ad6">Text here</div>
#558ad6 Color on white background
This is how a font and box color of #558ad6 will look
on a white background.
#558ad6 Color on black background
This is how a font and box color of #558ad6 hex color will look
on a black background.