In RGB color space, #686ff2 hex color has a red value of 104, a green value of 111 and a blue value of 242.
In CMYK color space (used in color printing), #686ff2 hex color is composed of 57.02% cyan, 54.13% magenta, 0% yellow and 5.1% black.
#686ff2 color has a hue of 237 degrees, a saturation of 84.15% and a lightness of 67.8%.
#686ff2 hex color contains mainly BLUE.
The closest web safe color of #686ff2 is #6666ff
#686ff2 hex color has a decimal value of 6844402.
| HEX | 686ff2 | #686ff2 |
|---|---|---|
| RGB | 104, 111, 242 | rgb(104, 111, 242) |
| RGB Percent | 40.78, 43.53, 94.9 | rgb(40.78, 43.53, 94.9) |
| CMYK | 57, 54, 0, 5 | |
| HSL | 237°, 84.15, 67.8 | hsl(237, 84.15%, 67.8%) |
| HSV | 237°, 57, 94.9 |
| XYZ | 27.42, 20.723, 86.559 |
|---|---|
| Hunter Lab | 45.523, 27.853, -80.871 |
| CIE-LAB | 52.645, 34.496, -66.92 |
| CIE-LCH | 52.645, 75.288, 297.27 |
| CIE-LUV | 57.02, 54.13, 0, 5.1 |
| Web Safe | 6666ff |
RGB percent of color #686ff2
CMYK percent of color #686ff2
Text with hexadecimal color #686ff2
This text has a font color of #686ff2
<p style="color:#686ff2">Text here</p>#686ff2 Background Color
This box has a background color of #686ff2
<div style="background-color:#686ff2">Text here</div>#686ff2 Border Color
This box has a border color of #686ff2
<div style="border: 4px solid #686ff2">Text here</div>CSS codes
<p style="color:#686ff2">Text here</p><div style="background-color:#686ff2">Text here</div><div style="border: 4px solid #686ff2">Text here</div>#686ff2 Color on white background
This is how a font and box color of #686ff2 will look
on a white background.
#686ff2 Color on black background
This is how a font and box color of #686ff2 hex color will look
on a black background.