HEX #22386D color — Astronaut
The color #22386D is a dark shade and moderately saturated.
Palette
22386D color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f9fd |
rgb(247,249,253) |
hsl(222,52%,98%) |
| #e4e9f6 |
rgb(228,233,246) |
hsl(222,52%,93%) |
| #d0daf0 |
rgb(208,218,240) |
hsl(222,52%,88%) |
| #bdcbea |
rgb(189,203,234) |
hsl(222,52%,83%) |
| #aabbe4 |
rgb(170,187,228) |
hsl(222,52%,78%) |
| #96acde |
rgb(150,172,222) |
hsl(222,52%,73%) |
| #839cd8 |
rgb(131,156,216) |
hsl(222,52%,68%) |
| #708dd2 |
rgb(112,141,210) |
hsl(222,52%,63%) |
| #5c7ecc |
rgb(92,126,204) |
hsl(222,52%,58%) |
| #496ec5 |
rgb(73,110,197) |
hsl(222,52%,53%) |
| #3b61ba |
rgb(59,97,186) |
hsl(222,52%,48%) |
| #3557a7 |
rgb(53,87,167) |
hsl(222,52%,43%) |
| #2f4d93 |
rgb(47,77,147) |
hsl(222,52%,38%) |
| #284380 |
rgb(40,67,128) |
hsl(222,52%,33%) |
| #22396d |
rgb(34,57,109) |
hsl(222,52%,28%) |
| #1c2e59 |
rgb(28,46,89) |
hsl(222,52%,23%) |
| #162446 |
rgb(22,36,70) |
hsl(222,52%,18%) |
| #101a32 |
rgb(16,26,50) |
hsl(222,52%,13%) |
| #0a101f |
rgb(10,16,31) |
hsl(222,52%,8%) |
| #04060c |
rgb(4,6,12) |
hsl(222,52%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #226B6D |
rgb(34,107,109) |
hsl(182,52%,28%) |
| #22386D |
rgb(34,56,109) |
hsl(222,52%,28%) |
| #3E216D |
rgb(62,33,109) |
hsl(263,54%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #27407E |
rgb(39,64,126) |
hsl(223,53%,32%) |
| #22386D |
rgb(34,56,109) |
hsl(222,52%,28%) |
| #1C2E5B |
rgb(28,46,91) |
hsl(223,53%,23%) |
| #17264A |
rgb(23,38,74) |
hsl(222,53%,19%) |
| #111C38 |
rgb(17,28,56) |
hsl(223,53%,14%) |
| #0C1427 |
rgb(12,20,39) |
hsl(222,53%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #22386D |
rgb(34,56,109) |
hsl(222,52%,28%) |
| #6D3022 |
rgb(109,48,34) |
hsl(11,52%,28%) |
| #5D6E22 |
rgb(93,110,34) |
hsl(73,53%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #22386D |
rgb(34,56,109) |
hsl(222,52%,28%) |
| #6D5722 |
rgb(109,87,34) |
hsl(42,52%,28%) |
| #225E6D |
rgb(34,94,109) |
hsl(192,52%,28%) |
| #5D6E22 |
rgb(93,110,34) |
hsl(73,53%,28%) |
