HEX #3675A5 color — Astral
The color #3675A5 is a dark shade and moderately saturated.
Palette
3675A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,51%,98%) |
#e4eef6 |
rgb(228,238,246) |
hsl(206,51%,93%) |
#d1e2f0 |
rgb(209,226,240) |
hsl(206,51%,88%) |
#bed7ea |
rgb(190,215,234) |
hsl(206,51%,83%) |
#aacbe4 |
rgb(170,203,228) |
hsl(206,51%,78%) |
#97bfdd |
rgb(151,191,221) |
hsl(206,51%,73%) |
#84b3d7 |
rgb(132,179,215) |
hsl(206,51%,68%) |
#71a7d1 |
rgb(113,167,209) |
hsl(206,51%,63%) |
#5d9bcb |
rgb(93,155,203) |
hsl(206,51%,58%) |
#4a8fc4 |
rgb(74,143,196) |
hsl(206,51%,53%) |
#3c83b9 |
rgb(60,131,185) |
hsl(206,51%,48%) |
#3675a6 |
rgb(54,117,166) |
hsl(206,51%,43%) |
#2f6792 |
rgb(47,103,146) |
hsl(206,51%,38%) |
#295a7f |
rgb(41,90,127) |
hsl(206,51%,33%) |
#234c6c |
rgb(35,76,108) |
hsl(206,51%,28%) |
#1d3f59 |
rgb(29,63,89) |
hsl(206,51%,23%) |
#163145 |
rgb(22,49,69) |
hsl(206,51%,18%) |
#102332 |
rgb(16,35,50) |
hsl(206,51%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(206,51%,8%) |
#04080c |
rgb(4,8,12) |
hsl(206,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A68B |
rgb(54,166,139) |
hsl(166,51%,43%) |
#3675A5 |
rgb(54,117,165) |
hsl(206,51%,43%) |
#4136A5 |
rgb(65,54,165) |
hsl(246,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5899C8 |
rgb(88,153,200) |
hsl(205,50%,56%) |
#3E87BF |
rgb(62,135,191) |
hsl(206,51%,50%) |
#3675A5 |
rgb(54,117,165) |
hsl(206,51%,43%) |
#2D638A |
rgb(45,99,138) |
hsl(205,51%,36%) |
#244F70 |
rgb(36,79,112) |
hsl(206,51%,29%) |
#1C3D55 |
rgb(28,61,85) |
hsl(205,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3675A5 |
rgb(54,117,165) |
hsl(206,51%,43%) |
#A5363D |
rgb(165,54,61) |
hsl(356,51%,43%) |
#A59E36 |
rgb(165,158,54) |
hsl(56,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3675A5 |
rgb(54,117,165) |
hsl(206,51%,43%) |
#A56636 |
rgb(165,102,54) |
hsl(26,51%,43%) |
#36A69D |
rgb(54,166,157) |
hsl(175,51%,43%) |
#A59E36 |
rgb(165,158,54) |
hsl(56,51%,43%) |