In RGB color space, #548ad2 hex color has a red value of 84, a green value of 138 and a blue value of 210.
In CMYK color space (used in color printing), #548ad2 hex color is composed of 60% cyan, 34.29% magenta, 0% yellow and 17.65% black.
#548ad2 color has a hue of 214.3 degrees, a saturation of 58.33% and a lightness of 57.6%.
#548ad2 hex color contains mainly BLUE.
The closest web safe color of #548ad2 is #6699cc
#548ad2 hex color has a decimal value of 5540562.
HEX | 548ad2 | #548ad2 |
---|---|---|
RGB | 84, 138, 210 | rgb(84, 138, 210) |
RGB Percent | 32.94, 54.12, 82.35 | rgb(32.94, 54.12, 82.35) |
CMYK | 60, 34, 0, 18 | |
HSL | 214.3°, 58.33, 57.6 | hsl(214.3, 58.33%, 57.6%) |
HSV | 214.3°, 60, 82.4 |
XYZ | 24.377, 24.715, 64.458 |
---|---|
Hunter Lab | 49.714, 0.526, -42.074 |
CIE-LAB | 56.797, 3.897, -42.421 |
CIE-LCH | 56.797, 42.6, 275.249 |
CIE-LUV | 60, 34.29, 0, 17.65 |
Web Safe | 6699cc |
RGB percent of color #548ad2
CMYK percent of color #548ad2
Text with hexadecimal color #548ad2
This text has a font color of #548ad2
<p style="color:#548ad2">Text here</p>
#548ad2 Background Color
This box has a background color of #548ad2
<div style="background-color:#548ad2">Text here</div>
#548ad2 Border Color
This box has a border color of #548ad2
<div style="border: 4px solid #548ad2">Text here</div>
CSS codes
<p style="color:#548ad2">Text here</p>
<div style="background-color:#548ad2">Text here</div>
<div style="border: 4px solid #548ad2">Text here</div>
#548ad2 Color on white background
This is how a font and box color of #548ad2 will look
on a white background.
#548ad2 Color on black background
This is how a font and box color of #548ad2 hex color will look
on a black background.