HEX #3778A5 color — Astral
The color #3778A5 is a dark shade and moderately saturated.
Palette
3778A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(205,50%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(205,50%,93%) |
#d1e3f0 |
rgb(209,227,240) |
hsl(205,50%,88%) |
#bed7e9 |
rgb(190,215,233) |
hsl(205,50%,83%) |
#abcce3 |
rgb(171,204,227) |
hsl(205,50%,78%) |
#98c0dd |
rgb(152,192,221) |
hsl(205,50%,73%) |
#85b4d6 |
rgb(133,180,214) |
hsl(205,50%,68%) |
#71a9d0 |
rgb(113,169,208) |
hsl(205,50%,63%) |
#5e9dc9 |
rgb(94,157,201) |
hsl(205,50%,58%) |
#4b91c3 |
rgb(75,145,195) |
hsl(205,50%,53%) |
#3d85b8 |
rgb(61,133,184) |
hsl(205,50%,48%) |
#3777a4 |
rgb(55,119,164) |
hsl(205,50%,43%) |
#306991 |
rgb(48,105,145) |
hsl(205,50%,38%) |
#2a5b7e |
rgb(42,91,126) |
hsl(205,50%,33%) |
#244d6b |
rgb(36,77,107) |
hsl(205,50%,28%) |
#1d4058 |
rgb(29,64,88) |
hsl(205,50%,23%) |
#173245 |
rgb(23,50,69) |
hsl(205,50%,18%) |
#112432 |
rgb(17,36,50) |
hsl(205,50%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(205,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(205,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#37A688 |
rgb(55,166,136) |
hsl(164,50%,43%) |
#3778A5 |
rgb(55,120,165) |
hsl(205,50%,43%) |
#3F38A5 |
rgb(63,56,165) |
hsl(244,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A9CC8 |
rgb(90,156,200) |
hsl(204,50%,57%) |
#3F8CBF |
rgb(63,140,191) |
hsl(204,50%,50%) |
#3778A5 |
rgb(55,120,165) |
hsl(205,50%,43%) |
#2E668A |
rgb(46,102,138) |
hsl(203,50%,36%) |
#255270 |
rgb(37,82,112) |
hsl(204,50%,29%) |
#1C3D55 |
rgb(28,61,85) |
hsl(205,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3778A5 |
rgb(55,120,165) |
hsl(205,50%,43%) |
#A53841 |
rgb(165,56,65) |
hsl(355,49%,43%) |
#A59C37 |
rgb(165,156,55) |
hsl(55,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3778A5 |
rgb(55,120,165) |
hsl(205,50%,43%) |
#A56337 |
rgb(165,99,55) |
hsl(24,50%,43%) |
#37A69B |
rgb(55,166,155) |
hsl(174,50%,43%) |
#A59C37 |
rgb(165,156,55) |
hsl(55,50%,43%) |