HEX #222B6D color — Astronaut
The color #222B6D is a dark shade and moderately saturated.
Palette
222B6D color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(233,52%,98%) |
#e4e6f6 |
rgb(228,230,246) |
hsl(233,52%,93%) |
#d0d4f0 |
rgb(208,212,240) |
hsl(233,52%,88%) |
#bdc2ea |
rgb(189,194,234) |
hsl(233,52%,83%) |
#aab1e4 |
rgb(170,177,228) |
hsl(233,52%,78%) |
#969fde |
rgb(150,159,222) |
hsl(233,52%,73%) |
#838dd8 |
rgb(131,141,216) |
hsl(233,52%,68%) |
#707bd2 |
rgb(112,123,210) |
hsl(233,52%,63%) |
#5c69cc |
rgb(92,105,204) |
hsl(233,52%,58%) |
#4957c5 |
rgb(73,87,197) |
hsl(233,52%,53%) |
#3b4aba |
rgb(59,74,186) |
hsl(233,52%,48%) |
#3542a7 |
rgb(53,66,167) |
hsl(233,52%,43%) |
#2f3a93 |
rgb(47,58,147) |
hsl(233,52%,38%) |
#283380 |
rgb(40,51,128) |
hsl(233,52%,33%) |
#222b6d |
rgb(34,43,109) |
hsl(233,52%,28%) |
#1c2359 |
rgb(28,35,89) |
hsl(233,52%,23%) |
#161c46 |
rgb(22,28,70) |
hsl(233,52%,18%) |
#101432 |
rgb(16,20,50) |
hsl(233,52%,13%) |
#0a0c1f |
rgb(10,12,31) |
hsl(233,52%,8%) |
#04050c |
rgb(4,5,12) |
hsl(233,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#225C6D |
rgb(34,92,109) |
hsl(194,52%,28%) |
#222B6D |
rgb(34,43,109) |
hsl(233,52%,28%) |
#4B216D |
rgb(75,33,109) |
hsl(273,54%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27337E |
rgb(39,51,126) |
hsl(232,53%,32%) |
#222B6D |
rgb(34,43,109) |
hsl(233,52%,28%) |
#1C245B |
rgb(28,36,91) |
hsl(232,53%,23%) |
#171C4A |
rgb(23,28,74) |
hsl(234,53%,19%) |
#111738 |
rgb(17,23,56) |
hsl(231,53%,14%) |
#0C0F27 |
rgb(12,15,39) |
hsl(233,53%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#222B6D |
rgb(34,43,109) |
hsl(233,52%,28%) |
#6D4022 |
rgb(109,64,34) |
hsl(24,52%,28%) |
#506E22 |
rgb(80,110,34) |
hsl(84,53%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222B6D |
rgb(34,43,109) |
hsl(233,52%,28%) |
#6D6322 |
rgb(109,99,34) |
hsl(52,52%,28%) |
#22526D |
rgb(34,82,109) |
hsl(202,52%,28%) |
#506E22 |
rgb(80,110,34) |
hsl(84,53%,28%) |