#5686F6 Color Information
HEX
#5686F6
RGB
86, 134, 246
HSL
222, 90, 65
HSV
222, 65, 96
CMYK
65, 46, 0, 4
LAB
58, 19, -61
Web Safe (Beta)
#5686F6
Luminosity
0.26
#5686F6 RGB Percentages
#5686F6 CMYK Percentages
Color Combinations
Split Complementary
A main color and two additional colors that are adjacent to the complementary color of the main color.
Tetradic
A combination of two pairs of complementary colors, forming a rectangle on the color wheel.
Analogous Complementary
A combination of a complementary color and its adjacent neighbors on the color wheel.
Shades
#5686F6 Light Tints
Tints generated by adding white to #5686F6.
#5686F6 Gray Shades
Shades created by blending #5686F6 with gray.
#5686F6 Dark Shades
Shades created by darkening #5686F6 with black.
#5686F6 Red Shades
Variations created by blending #5686F6 with shades of red.
#5686F6 Green Shades
Shades created by mixing #5686F6 with green hues.
#5686F6 Blue Shades
Variations crafted by combining #5686F6 with blue tones.
#5686F6 Readability
Randomly selected colors with a readability score greater than 5
Fixed Background Color
#5686F6 Recommended Color Palettes
#5686F6 Mockup
mockup changes colors based on the current color.
Unlock All Mockup
Unlock all mockup by purchasing the premium version of this color.
Learn more...
Download Solid Color Image
Download solid color image with the following dimensions.