In RGB color space, #3686f4 hex color has a red value of 54, a green value of 134 and a blue value of 244.
In CMYK color space (used in color printing), #3686f4 hex color is composed of 77.87% cyan, 45.08% magenta, 0% yellow and 4.31% black.
#3686f4 color has a hue of 214.7 degrees, a saturation of 89.62% and a lightness of 58.4%.
#3686f4 hex color contains mainly BLUE.
The closest web safe color of #3686f4 is #3399ff
#3686f4 hex color has a decimal value of 3573492.
| HEX | 3686f4 | #3686f4 |
|---|---|---|
| RGB | 54, 134, 244 | rgb(54, 134, 244) |
| RGB Percent | 21.18, 52.55, 95.69 | rgb(21.18, 52.55, 95.69) |
| CMYK | 78, 45, 0, 4 | |
| HSL | 214.7°, 89.62, 58.4 | hsl(214.7, 89.62%, 58.4%) |
| HSV | 214.7°, 77.9, 95.7 |
| XYZ | 26.376, 24.366, 88.901 |
|---|---|
| Hunter Lab | 49.362, 8.996, -72.228 |
| CIE-LAB | 56.452, 13.837, -62.012 |
| CIE-LCH | 56.452, 63.537, 282.579 |
| CIE-LUV | 77.87, 45.08, 0, 4.31 |
| Web Safe | 3399ff |
RGB percent of color #3686f4
CMYK percent of color #3686f4
Text with hexadecimal color #3686f4
This text has a font color of #3686f4
<p style="color:#3686f4">Text here</p>#3686f4 Background Color
This box has a background color of #3686f4
<div style="background-color:#3686f4">Text here</div>#3686f4 Border Color
This box has a border color of #3686f4
<div style="border: 4px solid #3686f4">Text here</div>CSS codes
<p style="color:#3686f4">Text here</p><div style="background-color:#3686f4">Text here</div><div style="border: 4px solid #3686f4">Text here</div>#3686f4 Color on white background
This is how a font and box color of #3686f4 will look
on a white background.
#3686f4 Color on black background
This is how a font and box color of #3686f4 hex color will look
on a black background.