HEX #22476D color — Astronaut
The color #22476D is a dark shade and moderately saturated.
Palette
22476D color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(210,52%,98%) |
#e4edf6 |
rgb(228,237,246) |
hsl(210,52%,93%) |
#d0e0f0 |
rgb(208,224,240) |
hsl(210,52%,88%) |
#bdd4ea |
rgb(189,212,234) |
hsl(210,52%,83%) |
#aac7e4 |
rgb(170,199,228) |
hsl(210,52%,78%) |
#96bade |
rgb(150,186,222) |
hsl(210,52%,73%) |
#83add8 |
rgb(131,173,216) |
hsl(210,52%,68%) |
#70a1d2 |
rgb(112,161,210) |
hsl(210,52%,63%) |
#5c94cc |
rgb(92,148,204) |
hsl(210,52%,58%) |
#4987c5 |
rgb(73,135,197) |
hsl(210,52%,53%) |
#3b7aba |
rgb(59,122,186) |
hsl(210,52%,48%) |
#356ea7 |
rgb(53,110,167) |
hsl(210,52%,43%) |
#2f6193 |
rgb(47,97,147) |
hsl(210,52%,38%) |
#285480 |
rgb(40,84,128) |
hsl(210,52%,33%) |
#22476d |
rgb(34,71,109) |
hsl(210,52%,28%) |
#1c3b59 |
rgb(28,59,89) |
hsl(210,52%,23%) |
#162e46 |
rgb(22,46,70) |
hsl(210,52%,18%) |
#102132 |
rgb(16,33,50) |
hsl(210,52%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(210,52%,8%) |
#04080c |
rgb(4,8,12) |
hsl(210,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#226E61 |
rgb(34,110,97) |
hsl(170,53%,28%) |
#22476D |
rgb(34,71,109) |
hsl(210,52%,28%) |
#2F216D |
rgb(47,33,109) |
hsl(251,54%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27527E |
rgb(39,82,126) |
hsl(210,53%,32%) |
#22476D |
rgb(34,71,109) |
hsl(210,52%,28%) |
#1C3B5B |
rgb(28,59,91) |
hsl(210,53%,23%) |
#17304A |
rgb(23,48,74) |
hsl(211,53%,19%) |
#112438 |
rgb(17,36,56) |
hsl(211,53%,14%) |
#0C1A27 |
rgb(12,26,39) |
hsl(209,53%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#22476D |
rgb(34,71,109) |
hsl(210,52%,28%) |
#6D2422 |
rgb(109,36,34) |
hsl(2,52%,28%) |
#6C6E22 |
rgb(108,110,34) |
hsl(62,53%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22476D |
rgb(34,71,109) |
hsl(210,52%,28%) |
#6D4722 |
rgb(109,71,34) |
hsl(30,52%,28%) |
#226E6D |
rgb(34,110,109) |
hsl(179,53%,28%) |
#6C6E22 |
rgb(108,110,34) |
hsl(62,53%,28%) |