In RGB color space, #648ed2 hex color has a red value of 100, a green value of 142 and a blue value of 210.
In CMYK color space (used in color printing), #648ed2 hex color is composed of 52.38% cyan, 32.38% magenta, 0% yellow and 17.65% black.
#648ed2 color has a hue of 217.1 degrees, a saturation of 55% and a lightness of 60.8%.
#648ed2 hex color contains mainly BLUE.
The closest web safe color of #648ed2 is #6699cc
#648ed2 hex color has a decimal value of 6590162.
HEX | 648ed2 | #648ed2 |
---|---|---|
RGB | 100, 142, 210 | rgb(100, 142, 210) |
RGB Percent | 39.22, 55.69, 82.35 | rgb(39.22, 55.69, 82.35) |
CMYK | 52, 32, 0, 18 | |
HSL | 217.1°, 55, 60.8 | hsl(217.1, 55%, 60.8%) |
HSV | 217.1°, 52.4, 82.4 |
XYZ | 26.561, 26.708, 64.728 |
---|---|
Hunter Lab | 51.68, 1.301, -38.084 |
CIE-LAB | 58.703, 4.897, -39.369 |
CIE-LCH | 58.703, 39.672, 277.09 |
CIE-LUV | 52.38, 32.38, 0, 17.65 |
Web Safe | 6699cc |
RGB percent of color #648ed2
CMYK percent of color #648ed2
Text with hexadecimal color #648ed2
This text has a font color of #648ed2
<p style="color:#648ed2">Text here</p>
#648ed2 Background Color
This box has a background color of #648ed2
<div style="background-color:#648ed2">Text here</div>
#648ed2 Border Color
This box has a border color of #648ed2
<div style="border: 4px solid #648ed2">Text here</div>
CSS codes
<p style="color:#648ed2">Text here</p>
<div style="background-color:#648ed2">Text here</div>
<div style="border: 4px solid #648ed2">Text here</div>
#648ed2 Color on white background
This is how a font and box color of #648ed2 will look
on a white background.
#648ed2 Color on black background
This is how a font and box color of #648ed2 hex color will look
on a black background.