In RGB color space, #688af2 hex color has a red value of 104, a green value of 138 and a blue value of 242.
In CMYK color space (used in color printing), #688af2 hex color is composed of 57.02% cyan, 42.98% magenta, 0% yellow and 5.1% black.
#688af2 color has a hue of 225.2 degrees, a saturation of 84.15% and a lightness of 67.8%.
#688af2 hex color contains mainly BLUE.
The closest web safe color of #688af2 is #6699ff
#688af2 hex color has a decimal value of 6851314.
HEX | 688af2 | #688af2 |
---|---|---|
RGB | 104, 138, 242 | rgb(104, 138, 242) |
RGB Percent | 40.78, 54.12, 94.9 | rgb(40.78, 54.12, 94.9) |
CMYK | 57, 43, 0, 5 | |
HSL | 225.2°, 84.15, 67.8 | hsl(225.2, 84.15%, 67.8%) |
HSV | 225.2°, 57, 94.9 |
XYZ | 30.824, 27.531, 87.694 |
---|---|
Hunter Lab | 52.47, 13.039, -62.363 |
CIE-LAB | 59.463, 18.251, -55.972 |
CIE-LCH | 59.463, 58.872, 288.06 |
CIE-LUV | 57.02, 42.98, 0, 5.1 |
Web Safe | 6699ff |
RGB percent of color #688af2
CMYK percent of color #688af2
Text with hexadecimal color #688af2
This text has a font color of #688af2
<p style="color:#688af2">Text here</p>
#688af2 Background Color
This box has a background color of #688af2
<div style="background-color:#688af2">Text here</div>
#688af2 Border Color
This box has a border color of #688af2
<div style="border: 4px solid #688af2">Text here</div>
CSS codes
<p style="color:#688af2">Text here</p>
<div style="background-color:#688af2">Text here</div>
<div style="border: 4px solid #688af2">Text here</div>
#688af2 Color on white background
This is how a font and box color of #688af2 will look
on a white background.
#688af2 Color on black background
This is how a font and box color of #688af2 hex color will look
on a black background.