#686DFF - Blue Genie
Hex color #686DFF is called Blue Genie. It consists of 41% red, 43% green, and 100% blue in RGB color space. In CMYK it is 59% cyan, 57% magenta, 0% yellow, and 0% black. In HSL it is 238° hue, 100% saturation, and 70% lightness (light) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.
| Property | Value | CSS |
|---|---|---|
| Name | Blue Genie | — |
| HEX | #686DFF | #686DFF |
| HEXA | #686DFFFF | #686DFFFF |
| RGB | 104, 109, 255 | rgb(104, 109, 255) |
| RGBA | 104, 109, 255, 1 | rgba(104, 109, 255, 1) |
| HSL | 238%, 100%, 70% | hsl(238%, 100%, 70%) |
| CMYK | 59%, 57%, 0%, 0% | cmyk(59%, 57%, 0%, 0%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 70% (light) | — |
Negative color
The color opposite to #686DFF is #979200.
Preview on black and white
As #686DFF has 70% lightness, this color is dark, so it has more contrast with white.
#686DFF On White Background
#686DFF
#686DFF
Text Color
This is how text looks with this color.
#686DFF On Black Background
#686DFF
#686DFF
Text Color
This is how text looks with this color.
Transform color
104, 109, 255rgb(104, 109, 255)