HEX #22356D color — Astronaut
The color #22356d is a dark shade and moderately saturated.
Palette
22356d color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f9fd |
rgb(247,249,253) |
hsl(225,52%,98%) |
| #e4e9f6 |
rgb(228,233,246) |
hsl(225,52%,93%) |
| #d0d8f0 |
rgb(208,216,240) |
hsl(225,52%,88%) |
| #bdc8ea |
rgb(189,200,234) |
hsl(225,52%,83%) |
| #aab8e4 |
rgb(170,184,228) |
hsl(225,52%,78%) |
| #96a8de |
rgb(150,168,222) |
hsl(225,52%,73%) |
| #8398d8 |
rgb(131,152,216) |
hsl(225,52%,68%) |
| #7088d2 |
rgb(112,136,210) |
hsl(225,52%,63%) |
| #5c78cc |
rgb(92,120,204) |
hsl(225,52%,58%) |
| #4968c5 |
rgb(73,104,197) |
hsl(225,52%,53%) |
| #3b5bba |
rgb(59,91,186) |
hsl(225,52%,48%) |
| #3551a7 |
rgb(53,81,167) |
hsl(225,52%,43%) |
| #2f4893 |
rgb(47,72,147) |
hsl(225,52%,38%) |
| #283e80 |
rgb(40,62,128) |
hsl(225,52%,33%) |
| #22356d |
rgb(34,53,109) |
hsl(225,52%,28%) |
| #1c2b59 |
rgb(28,43,89) |
hsl(225,52%,23%) |
| #162246 |
rgb(22,34,70) |
hsl(225,52%,18%) |
| #101932 |
rgb(16,25,50) |
hsl(225,52%,13%) |
| #0a0f1f |
rgb(10,15,31) |
hsl(225,52%,8%) |
| #04060c |
rgb(4,6,12) |
hsl(225,52%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22666D |
rgb(34,102,109) |
hsl(186,52%,28%) |
| #22356D |
rgb(34,53,109) |
hsl(225,52%,28%) |
| #41216D |
rgb(65,33,109) |
hsl(265,54%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #273D7E |
rgb(39,61,126) |
hsl(225,53%,32%) |
| #22356D |
rgb(34,53,109) |
hsl(225,52%,28%) |
| #1C2B5B |
rgb(28,43,91) |
hsl(226,53%,23%) |
| #17244A |
rgb(23,36,74) |
hsl(225,53%,19%) |
| #111C38 |
rgb(17,28,56) |
hsl(223,53%,14%) |
| #0C1227 |
rgb(12,18,39) |
hsl(227,53%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #22356D |
rgb(34,53,109) |
hsl(225,52%,28%) |
| #6D3622 |
rgb(109,54,34) |
hsl(16,52%,28%) |
| #5A6E22 |
rgb(90,110,34) |
hsl(76,53%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #22356D |
rgb(34,53,109) |
hsl(225,52%,28%) |
| #6D5922 |
rgb(109,89,34) |
hsl(44,52%,28%) |
| #22596D |
rgb(34,89,109) |
hsl(196,52%,28%) |
| #5A6E22 |
rgb(90,110,34) |
hsl(76,53%,28%) |
