HEX #22456C color — Astronaut

The color #22456C is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

22456C color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(212,52%,98%)
#e4edf6 rgb(228,237,246) hsl(212,52%,93%)
#d0dff0 rgb(208,223,240) hsl(212,52%,88%)
#bdd2ea rgb(189,210,234) hsl(212,52%,83%)
#aac5e4 rgb(170,197,228) hsl(212,52%,78%)
#96b8de rgb(150,184,222) hsl(212,52%,73%)
#83abd8 rgb(131,171,216) hsl(212,52%,68%)
#709dd2 rgb(112,157,210) hsl(212,52%,63%)
#5c90cc rgb(92,144,204) hsl(212,52%,58%)
#4983c5 rgb(73,131,197) hsl(212,52%,53%)
#3b76ba rgb(59,118,186) hsl(212,52%,48%)
#356aa7 rgb(53,106,167) hsl(212,52%,43%)
#2f5e93 rgb(47,94,147) hsl(212,52%,38%)
#285180 rgb(40,81,128) hsl(212,52%,33%)
#22456d rgb(34,69,109) hsl(212,52%,28%)
#1c3959 rgb(28,57,89) hsl(212,52%,23%)
#162c46 rgb(22,44,70) hsl(212,52%,18%)
#102032 rgb(16,32,50) hsl(212,52%,13%)
#0a141f rgb(10,20,31) hsl(212,52%,8%)
#04070c rgb(4,7,12) hsl(212,52%,3%)

Adjacent colors

HEX RGB HSL
#226B61 rgb(34,107,97) hsl(172,52%,28%)
#22456C rgb(34,69,108) hsl(212,52%,28%)
#30216C rgb(48,33,108) hsl(252,53%,28%)

Monochromatic colors

HEX RGB HSL
#274F7D rgb(39,79,125) hsl(212,52%,32%)
#22456C rgb(34,69,108) hsl(212,52%,28%)
#1C3B5A rgb(28,59,90) hsl(210,53%,23%)
#172E49 rgb(23,46,73) hsl(212,52%,19%)
#112438 rgb(17,36,56) hsl(211,53%,14%)
#0C1A26 rgb(12,26,38) hsl(208,52%,10%)

Triad color palettes

HEX RGB HSL
#22456C rgb(34,69,108) hsl(212,52%,28%)
#6C2422 rgb(108,36,34) hsl(2,52%,28%)
#6A6B22 rgb(106,107,34) hsl(61,52%,28%)

Tetrad color palettes

HEX RGB HSL
#22456C rgb(34,69,108) hsl(212,52%,28%)
#6C4A22 rgb(108,74,34) hsl(32,52%,28%)
#226B6C rgb(34,107,108) hsl(181,52%,28%)
#6A6B22 rgb(106,107,34) hsl(61,52%,28%)