#558EDC Color Information
HEX
#558EDC
RGB
85, 142, 220
HSL
215, 66, 60
HSV
215, 61, 86
CMYK
61, 35, 0, 14
LAB
58, 5, -45
Web Safe (Beta)
#558EDC
Luminosity
0.26
#558EDC RGB Percentages
#558EDC CMYK Percentages
Color Combinations
Complementary
Colors that are opposite to each other, forming a contrasting pair.
Split Complementary
A main color and two additional colors that are adjacent to the complementary color of the main color.
Triadic
A combination of three evenly spaced colors on the color wheel.
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.
Analogous
A combination of four neighboring colors on the color wheel.
Shades
#558EDC Light Tints
Tints generated by adding white to #558EDC.
#558EDC Gray Shades
Shades created by blending #558EDC with gray.
#558EDC Dark Shades
Shades created by darkening #558EDC with black.
#558EDC Red Shades
Variations created by blending #558EDC with shades of red.
#558EDC Green Shades
Shades created by mixing #558EDC with green hues.
#558EDC Blue Shades
Variations crafted by combining #558EDC with blue tones.
#558EDC Readability
Randomly selected colors with a readability score greater than 5
Fixed Background Color
#558EDC Color Palettes
Download Solid Color Image
Download solid color image with the following dimensions.
#558EDC 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...