Press space bar (_____) to see the magic.
NameRoyalblue
HEX#4166f5
RGBrgb(65, 102, 245)
HSLhsl(228, 90, 61)
LCHlch(47.28, 81.21, 288.36)
HWBhwb(228, 25, 4)
LABlab(47.28, 25.58, -77.08)
CMYKcmyk(73, 0, 58, 4)
White background
Colors speak louder than you.22%
Black background
Colors speak louder than you.21%

Tints

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

#4166f5
#7682f8
#9da0fb
#c0bffd
#e0defe
#ffffff
Shades

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

#4166f5
#3951bf
#303d8b
#252a5b
#18192f
#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.

#4166f5
#5b6bdd
#6a70c6
#7575af
#7c7b97
#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.

#4166f5
#5b6bdd
#6a70c6
#7575af
#7c7b97
#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.

#41bff5
#4165f5
#7741f5
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.

#4165f5
#f541bf
#f5d141
#41f577
Triadic

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

#4165f5
#f54165
#65f541
Complementary

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

#4165f5
#f5d141
Split complementary

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

#4165f5
#f57741
#bff541
Square

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

#4165f5
#d141f5
#f5d141
#65f541