HEX #22456C color — Astronaut
The color #22456C is a dark shade and moderately saturated.
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%) |