In RGB color space, #686eb2 hex color has a red value of 104, a green value of 110 and a blue value of 178.
In CMYK color space (used in color printing), #686eb2 hex color is composed of 41.57% cyan, 38.2% magenta, 0% yellow and 30.2% black.
#686eb2 color has a hue of 235.1 degrees, a saturation of 32.46% and a lightness of 55.3%.
#686eb2 hex color contains mainly BLUE.
The closest web safe color of #686eb2 is #666699
#686eb2 hex color has a decimal value of 6844082.
HEX | 686eb2 | #686eb2 |
---|---|---|
RGB | 104, 110, 178 | rgb(104, 110, 178) |
RGB Percent | 40.78, 43.14, 69.8 | rgb(40.78, 43.14, 69.8) |
CMYK | 42, 38, 0, 30 | |
HSL | 235.1°, 32.46, 55.3 | hsl(235.1, 32.46%, 55.3%) |
HSV | 235.1°, 41.6, 69.8 |
XYZ | 19.321, 17.309, 44.442 |
---|---|
Hunter Lab | 41.604, 10.089, -34.211 |
CIE-LAB | 48.647, 15.34, -36.897 |
CIE-LCH | 48.647, 39.959, 292.575 |
CIE-LUV | 41.57, 38.2, 0, 30.2 |
Web Safe | 666699 |
RGB percent of color #686eb2
CMYK percent of color #686eb2
Text with hexadecimal color #686eb2
This text has a font color of #686eb2
<p style="color:#686eb2">Text here</p>
#686eb2 Background Color
This box has a background color of #686eb2
<div style="background-color:#686eb2">Text here</div>
#686eb2 Border Color
This box has a border color of #686eb2
<div style="border: 4px solid #686eb2">Text here</div>
CSS codes
<p style="color:#686eb2">Text here</p>
<div style="background-color:#686eb2">Text here</div>
<div style="border: 4px solid #686eb2">Text here</div>
#686eb2 Color on white background
This is how a font and box color of #686eb2 will look
on a white background.
#686eb2 Color on black background
This is how a font and box color of #686eb2 hex color will look
on a black background.