Press space bar (_____) to see the magic.
NameSteelblue
HEX#417dc1
RGBrgb(65, 125, 193)
HSLhsl(212, 51, 51)
LCHlch(50.82, 42.22, 265.75)
HWBhwb(212, 25, 24)
LABlab(50.82, -3.13, -42.1)
CMYKcmyk(66, 0, 35, 24)
White background
Colors speak louder than you.20%
Black background
Colors speak louder than you.23%

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

#417dc1
#6e95ce
#94afda
#b8c9e7
#dce4f3
#ffffff
Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

#417dc1
#376397
#2d4a6f
#21324a
#161c27
#000000
Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

#417dc1
#557db4
#637ea7
#6e7f9a
#787f8d
#808080
Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

#417dc1
#557db4
#637ea7
#6e7f9a
#787f8d
#808080

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.

#41bdc1
#417dc1
#4541c1
Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.

#417dc1
#c141bd
#c18541
#41c145
Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

#417dc1
#c1417d
#7dc141
Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.

#417dc1
#c18541
Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.

#417dc1
#c14541
#bdc141
Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.

#417dc1
#8541c1
#c18541
#7dc141