In RGB color space, #686ef5 hex color has a red value of 104, a green value of 110 and a blue value of 245.
In CMYK color space (used in color printing), #686ef5 hex color is composed of 57.55% cyan, 55.1% magenta, 0% yellow and 3.92% black.
#686ef5 color has a hue of 237.4 degrees, a saturation of 87.58% and a lightness of 68.4%.
#686ef5 hex color contains mainly BLUE.
The closest web safe color of #686ef5 is #6666ff
#686ef5 hex color has a decimal value of 6844149.
HEX | 686ef5 | #686ef5 |
---|---|---|
RGB | 104, 110, 245 | rgb(104, 110, 245) |
RGB Percent | 40.78, 43.14, 96.08 | rgb(40.78, 43.14, 96.08) |
CMYK | 58, 55, 0, 4 | |
HSL | 237.4°, 87.58, 68.4 | hsl(237.4, 87.58%, 68.4%) |
HSV | 237.4°, 57.6, 96.1 |
XYZ | 27.766, 20.687, 88.916 |
---|---|
Hunter Lab | 45.483, 29.374, -84.07 |
CIE-LAB | 52.605, 36.051, -68.656 |
CIE-LCH | 52.605, 77.546, 297.704 |
CIE-LUV | 57.55, 55.1, 0, 3.92 |
Web Safe | 6666ff |
RGB percent of color #686ef5
CMYK percent of color #686ef5
Text with hexadecimal color #686ef5
This text has a font color of #686ef5
<p style="color:#686ef5">Text here</p>
#686ef5 Background Color
This box has a background color of #686ef5
<div style="background-color:#686ef5">Text here</div>
#686ef5 Border Color
This box has a border color of #686ef5
<div style="border: 4px solid #686ef5">Text here</div>
CSS codes
<p style="color:#686ef5">Text here</p>
<div style="background-color:#686ef5">Text here</div>
<div style="border: 4px solid #686ef5">Text here</div>
#686ef5 Color on white background
This is how a font and box color of #686ef5 will look
on a white background.
#686ef5 Color on black background
This is how a font and box color of #686ef5 hex color will look
on a black background.