Press space bar (_____) to see the magic.
NameMidnightblue
HEX#191970
RGBrgb(25, 25, 112)
HSLhsl(240, 64, 27)
LCHlch(14.93, 57.14, 297.02)
HWBhwb(240, 10, 56)
LABlab(14.93, 25.96, -50.9)
CMYKcmyk(78, 0, 78, 56)
White background
Colors speak louder than you.71%
Black background
Colors speak louder than you.7%

Tints

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

#191970
#4d418c
#7a6da8
#a59bc5
#d2cce2
#ffffff
Shades

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

#191970
#191659
#181343
#150f2e
#0f071b
#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.

#191970
#362c74
#4b4078
#5e557b
#6f6a7e
#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.

#191970
#362c74
#4b4078
#5e557b
#6f6a7e
#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.

#194570
#191970
#451970
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.

#191970
#701945
#707019
#197045
Triadic

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

#191970
#701919
#197019
Complementary

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

#191970
#707019
Split complementary

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

#191970
#704519
#457019
Square

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

#191970
#701970
#707019
#197019