HEX #22456E color — Astronaut
The color #22456E is a dark shade and moderately saturated.
Palette
22456E color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(212,53%,98%) |
#e4edf7 |
rgb(228,237,247) |
hsl(212,53%,93%) |
#d0dff1 |
rgb(208,223,241) |
hsl(212,53%,88%) |
#bdd2eb |
rgb(189,210,235) |
hsl(212,53%,83%) |
#a9c5e5 |
rgb(169,197,229) |
hsl(212,53%,78%) |
#96b8df |
rgb(150,184,223) |
hsl(212,53%,73%) |
#82abd9 |
rgb(130,171,217) |
hsl(212,53%,68%) |
#6f9dd3 |
rgb(111,157,211) |
hsl(212,53%,63%) |
#5b90cd |
rgb(91,144,205) |
hsl(212,53%,58%) |
#4883c7 |
rgb(72,131,199) |
hsl(212,53%,53%) |
#3a76bb |
rgb(58,118,187) |
hsl(212,53%,48%) |
#346aa8 |
rgb(52,106,168) |
hsl(212,53%,43%) |
#2e5d94 |
rgb(46,93,148) |
hsl(212,53%,38%) |
#285181 |
rgb(40,81,129) |
hsl(212,53%,33%) |
#22456d |
rgb(34,69,109) |
hsl(212,53%,28%) |
#1c395a |
rgb(28,57,90) |
hsl(212,53%,23%) |
#162c46 |
rgb(22,44,70) |
hsl(212,53%,18%) |
#102033 |
rgb(16,32,51) |
hsl(212,53%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(212,53%,8%) |
#04070c |
rgb(4,7,12) |
hsl(212,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#226E64 |
rgb(34,110,100) |
hsl(172,53%,28%) |
#22456E |
rgb(34,69,110) |
hsl(212,53%,28%) |
#31216E |
rgb(49,33,110) |
hsl(252,54%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#274F7F |
rgb(39,79,127) |
hsl(213,53%,33%) |
#22456E |
rgb(34,69,110) |
hsl(212,53%,28%) |
#1C3B5C |
rgb(28,59,92) |
hsl(211,53%,24%) |
#172E4A |
rgb(23,46,74) |
hsl(213,53%,19%) |
#112439 |
rgb(17,36,57) |
hsl(212,54%,15%) |
#0C1A27 |
rgb(12,26,39) |
hsl(209,53%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#22456E |
rgb(34,69,110) |
hsl(212,53%,28%) |
#6E2622 |
rgb(110,38,34) |
hsl(3,53%,28%) |
#6B6E22 |
rgb(107,110,34) |
hsl(62,53%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22456E |
rgb(34,69,110) |
hsl(212,53%,28%) |
#6E4A22 |
rgb(110,74,34) |
hsl(32,53%,28%) |
#226B6E |
rgb(34,107,110) |
hsl(182,53%,28%) |
#6B6E22 |
rgb(107,110,34) |
hsl(62,53%,28%) |