HEX #24476B color — Astronaut
The color #24476B is a dark shade and moderately saturated.
Palette
24476B color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(210,50%,98%) |
#e4edf6 |
rgb(228,237,246) |
hsl(210,50%,93%) |
#d1e0f0 |
rgb(209,224,240) |
hsl(210,50%,88%) |
#bed4e9 |
rgb(190,212,233) |
hsl(210,50%,83%) |
#abc7e3 |
rgb(171,199,227) |
hsl(210,50%,78%) |
#98badd |
rgb(152,186,221) |
hsl(210,50%,73%) |
#85add6 |
rgb(133,173,214) |
hsl(210,50%,68%) |
#71a1d0 |
rgb(113,161,208) |
hsl(210,50%,63%) |
#5e94c9 |
rgb(94,148,201) |
hsl(210,50%,58%) |
#4b87c3 |
rgb(75,135,195) |
hsl(210,50%,53%) |
#3d7ab8 |
rgb(61,122,184) |
hsl(210,50%,48%) |
#376ea4 |
rgb(55,110,164) |
hsl(210,50%,43%) |
#306191 |
rgb(48,97,145) |
hsl(210,50%,38%) |
#2a547e |
rgb(42,84,126) |
hsl(210,50%,33%) |
#24476b |
rgb(36,71,107) |
hsl(210,50%,28%) |
#1d3b58 |
rgb(29,59,88) |
hsl(210,50%,23%) |
#172e45 |
rgb(23,46,69) |
hsl(210,50%,18%) |
#112132 |
rgb(17,33,50) |
hsl(210,50%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(210,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(210,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#246B5F |
rgb(36,107,95) |
hsl(170,50%,28%) |
#24476B |
rgb(36,71,107) |
hsl(210,50%,28%) |
#30246B |
rgb(48,36,107) |
hsl(250,50%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#29527C |
rgb(41,82,124) |
hsl(210,50%,32%) |
#24476B |
rgb(36,71,107) |
hsl(210,50%,28%) |
#1E3B59 |
rgb(30,59,89) |
hsl(211,50%,23%) |
#183048 |
rgb(24,48,72) |
hsl(210,50%,19%) |
#122437 |
rgb(18,36,55) |
hsl(211,51%,14%) |
#0C1A26 |
rgb(12,26,38) |
hsl(208,52%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#24476B |
rgb(36,71,107) |
hsl(210,50%,28%) |
#6B2424 |
rgb(107,36,36) |
hsl(360,50%,28%) |
#6A6B24 |
rgb(106,107,36) |
hsl(61,50%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#24476B |
rgb(36,71,107) |
hsl(210,50%,28%) |
#6B4724 |
rgb(107,71,36) |
hsl(30,50%,28%) |
#246B6B |
rgb(36,107,107) |
hsl(180,50%,28%) |
#6A6B24 |
rgb(106,107,36) |
hsl(61,50%,28%) |