#558BDD Color Information
HEX
#558BDD
RGB
85, 139, 221
HSL
216, 67, 60
HSV
216, 62, 87
CMYK
62, 37, 0, 13
LAB
58, 7, -47
Web Safe (Beta)
#558BDD
Luminosity
0.26
#558BDD RGB Percentages
#558BDD 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
#558BDD Light Tints
Tints generated by adding white to #558BDD.
#558BDD Gray Shades
Shades created by blending #558BDD with gray.
#558BDD Dark Shades
Shades created by darkening #558BDD with black.
#558BDD Red Shades
Variations created by blending #558BDD with shades of red.
#558BDD Green Shades
Shades created by mixing #558BDD with green hues.
#558BDD Blue Shades
Variations crafted by combining #558BDD with blue tones.
#558BDD Readability
Randomly selected colors with a readability score greater than 5
Fixed Background Color
#558BDD Color Palettes
Download Solid Color Image
Download solid color image with the following dimensions.
#558BDD 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...