In RGB color space, #686ba4 hex color has a red value of 104, a green value of 107 and a blue value of 164.
In CMYK color space (used in color printing), #686ba4 hex color is composed of 36.59% cyan, 34.76% magenta, 0% yellow and 35.69% black.
#686ba4 color has a hue of 237 degrees, a saturation of 24.79% and a lightness of 52.5%.
#686ba4 hex color contains mainly BLUE.
The closest web safe color of #686ba4 is #666699
#686ba4 hex color has a decimal value of 6843300.
| HEX | 686ba4 | #686ba4 |
|---|---|---|
| RGB | 104, 107, 164 | rgb(104, 107, 164) |
| RGB Percent | 40.78, 41.96, 64.31 | rgb(40.78, 41.96, 64.31) |
| CMYK | 37, 35, 0, 36 | |
| HSL | 237°, 24.79, 52.5 | hsl(237, 24.79%, 52.5%) |
| HSV | 237°, 36.6, 64.3 |
| XYZ | 17.667, 16.139, 37.306 |
|---|---|
| Hunter Lab | 40.173, 8.195, -26.937 |
| CIE-LAB | 47.156, 13.125, -31.059 |
| CIE-LCH | 47.156, 33.718, 292.908 |
| CIE-LUV | 36.59, 34.76, 0, 35.69 |
| Web Safe | 666699 |
RGB percent of color #686ba4
CMYK percent of color #686ba4
Text with hexadecimal color #686ba4
This text has a font color of #686ba4
<p style="color:#686ba4">Text here</p>#686ba4 Background Color
This box has a background color of #686ba4
<div style="background-color:#686ba4">Text here</div>#686ba4 Border Color
This box has a border color of #686ba4
<div style="border: 4px solid #686ba4">Text here</div>CSS codes
<p style="color:#686ba4">Text here</p><div style="background-color:#686ba4">Text here</div><div style="border: 4px solid #686ba4">Text here</div>#686ba4 Color on white background
This is how a font and box color of #686ba4 will look
on a white background.
#686ba4 Color on black background
This is how a font and box color of #686ba4 hex color will look
on a black background.