In RGB color space, #686696 hex color has a red value of 104, a green value of 102 and a blue value of 150.
In CMYK color space (used in color printing), #686696 hex color is composed of 30.67% cyan, 32% magenta, 0% yellow and 41.18% black.
#686696 color has a hue of 242.5 degrees, a saturation of 19.05% and a lightness of 49.4%.
#686696 hex color contains mainly BLUE.
The closest web safe color of #686696 is #666699
#686696 hex color has a decimal value of 6842006.
HEX | 686696 | #686696 |
---|---|---|
RGB | 104, 102, 150 | rgb(104, 102, 150) |
RGB Percent | 40.78, 40, 58.82 | rgb(40.78, 40, 58.82) |
CMYK | 31, 32, 0, 41 | |
HSL | 242.5°, 19.05, 49.4 | hsl(242.5, 19.05%, 49.4%) |
HSV | 242.5°, 32, 58.8 |
XYZ | 15.965, 14.648, 30.84 |
---|---|
Hunter Lab | 38.273, 7.482, -20.985 |
CIE-LAB | 45.148, 12.306, -25.917 |
CIE-LCH | 45.148, 28.69, 295.399 |
CIE-LUV | 30.67, 32, 0, 41.18 |
Web Safe | 666699 |
RGB percent of color #686696
CMYK percent of color #686696
Text with hexadecimal color #686696
This text has a font color of #686696
<p style="color:#686696">Text here</p>
#686696 Background Color
This box has a background color of #686696
<div style="background-color:#686696">Text here</div>
#686696 Border Color
This box has a border color of #686696
<div style="border: 4px solid #686696">Text here</div>
CSS codes
<p style="color:#686696">Text here</p>
<div style="background-color:#686696">Text here</div>
<div style="border: 4px solid #686696">Text here</div>
#686696 Color on white background
This is how a font and box color of #686696 will look
on a white background.
#686696 Color on black background
This is how a font and box color of #686696 hex color will look
on a black background.