In RGB color space, #686bb0 hex color has a red value of 104, a green value of 107 and a blue value of 176.
In CMYK color space (used in color printing), #686bb0 hex color is composed of 40.91% cyan, 39.2% magenta, 0% yellow and 30.98% black.
#686bb0 color has a hue of 237.5 degrees, a saturation of 31.3% and a lightness of 54.9%.
#686bb0 hex color contains mainly BLUE.
The closest web safe color of #686bb0 is #666699
#686bb0 hex color has a decimal value of 6843312.
| HEX | 686bb0 | #686bb0 |
|---|---|---|
| RGB | 104, 107, 176 | rgb(104, 107, 176) |
| RGB Percent | 40.78, 41.96, 69.02 | rgb(40.78, 41.96, 69.02) |
| CMYK | 41, 39, 0, 31 | |
| HSL | 237.5°, 31.3, 54.9 | hsl(237.5, 31.3%, 54.9%) |
| HSV | 237.5°, 40.9, 69 |
| XYZ | 18.803, 16.593, 43.286 |
|---|---|
| Hunter Lab | 40.735, 11.11, -34.49 |
| CIE-LAB | 47.743, 16.585, -37.157 |
| CIE-LCH | 47.743, 40.69, 294.054 |
| CIE-LUV | 40.91, 39.2, 0, 30.98 |
| Web Safe | 666699 |
RGB percent of color #686bb0
CMYK percent of color #686bb0
Text with hexadecimal color #686bb0
This text has a font color of #686bb0
<p style="color:#686bb0">Text here</p>#686bb0 Background Color
This box has a background color of #686bb0
<div style="background-color:#686bb0">Text here</div>#686bb0 Border Color
This box has a border color of #686bb0
<div style="border: 4px solid #686bb0">Text here</div>CSS codes
<p style="color:#686bb0">Text here</p><div style="background-color:#686bb0">Text here</div><div style="border: 4px solid #686bb0">Text here</div>#686bb0 Color on white background
This is how a font and box color of #686bb0 will look
on a white background.
#686bb0 Color on black background
This is how a font and box color of #686bb0 hex color will look
on a black background.