HEX #22316D color — Astronaut
The color #22316d is a dark shade and moderately saturated.
Palette
22316d color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,52%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(228,52%,93%) |
#d0d7f0 |
rgb(208,215,240) |
hsl(228,52%,88%) |
#bdc6ea |
rgb(189,198,234) |
hsl(228,52%,83%) |
#aab5e4 |
rgb(170,181,228) |
hsl(228,52%,78%) |
#96a5de |
rgb(150,165,222) |
hsl(228,52%,73%) |
#8394d8 |
rgb(131,148,216) |
hsl(228,52%,68%) |
#7083d2 |
rgb(112,131,210) |
hsl(228,52%,63%) |
#5c72cc |
rgb(92,114,204) |
hsl(228,52%,58%) |
#4962c5 |
rgb(73,98,197) |
hsl(228,52%,53%) |
#3b54ba |
rgb(59,84,186) |
hsl(228,52%,48%) |
#354ba7 |
rgb(53,75,167) |
hsl(228,52%,43%) |
#2f4393 |
rgb(47,67,147) |
hsl(228,52%,38%) |
#283a80 |
rgb(40,58,128) |
hsl(228,52%,33%) |
#22316d |
rgb(34,49,109) |
hsl(228,52%,28%) |
#1c2859 |
rgb(28,40,89) |
hsl(228,52%,23%) |
#162046 |
rgb(22,32,70) |
hsl(228,52%,18%) |
#101732 |
rgb(16,23,50) |
hsl(228,52%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(228,52%,8%) |
#04050c |
rgb(4,5,12) |
hsl(228,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22636D |
rgb(34,99,109) |
hsl(188,52%,28%) |
#22316D |
rgb(34,49,109) |
hsl(228,52%,28%) |
#45216D |
rgb(69,33,109) |
hsl(268,54%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27387E |
rgb(39,56,126) |
hsl(228,53%,32%) |
#22316D |
rgb(34,49,109) |
hsl(228,52%,28%) |
#1C295B |
rgb(28,41,91) |
hsl(228,53%,23%) |
#17214A |
rgb(23,33,74) |
hsl(228,53%,19%) |
#111A38 |
rgb(17,26,56) |
hsl(226,53%,14%) |
#0C1227 |
rgb(12,18,39) |
hsl(227,53%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#22316D |
rgb(34,49,109) |
hsl(228,52%,28%) |
#6D3822 |
rgb(109,56,34) |
hsl(18,52%,28%) |
#566E22 |
rgb(86,110,34) |
hsl(79,53%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22316D |
rgb(34,49,109) |
hsl(228,52%,28%) |
#6D5E22 |
rgb(109,94,34) |
hsl(48,52%,28%) |
#22576D |
rgb(34,87,109) |
hsl(198,52%,28%) |
#566E22 |
rgb(86,110,34) |
hsl(79,53%,28%) |