HEX #3180B5 color — Astral
The color #3180B5 is a dark shade and moderately saturated.
Palette
3180B5 color palette from light to dark
HEX |
RGB |
HSL |
#ebf4fa |
rgb(235,244,250) |
hsl(204,57%,95%) |
#d7e8f4 |
rgb(215,232,244) |
hsl(204,57%,90%) |
#c3ddef |
rgb(195,221,239) |
hsl(204,57%,85%) |
#afd2e9 |
rgb(175,210,233) |
hsl(204,57%,80%) |
#9bc7e4 |
rgb(155,199,228) |
hsl(204,57%,75%) |
#87bbde |
rgb(135,187,222) |
hsl(204,57%,70%) |
#73b0d9 |
rgb(115,176,217) |
hsl(204,57%,65%) |
#5fa5d3 |
rgb(95,165,211) |
hsl(204,57%,60%) |
#4b99ce |
rgb(75,153,206) |
hsl(204,57%,55%) |
#378ec8 |
rgb(55,142,200) |
hsl(204,57%,50%) |
#3180b4 |
rgb(49,128,180) |
hsl(204,57%,45%) |
#2c72a0 |
rgb(44,114,160) |
hsl(204,57%,40%) |
#26638c |
rgb(38,99,140) |
hsl(204,57%,35%) |
#215578 |
rgb(33,85,120) |
hsl(204,57%,30%) |
#1b4764 |
rgb(27,71,100) |
hsl(204,57%,25%) |
#163950 |
rgb(22,57,80) |
hsl(204,57%,20%) |
#102b3c |
rgb(16,43,60) |
hsl(204,57%,15%) |
#0b1c28 |
rgb(11,28,40) |
hsl(204,57%,10%) |
#050e14 |
rgb(5,14,20) |
hsl(204,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B592 |
rgb(49,181,146) |
hsl(164,57%,45%) |
#3180B5 |
rgb(49,128,181) |
hsl(204,57%,45%) |
#3A30B5 |
rgb(58,48,181) |
hsl(245,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5CA3D3 |
rgb(92,163,211) |
hsl(204,57%,59%) |
#3F94CB |
rgb(63,148,203) |
hsl(204,57%,52%) |
#3180B5 |
rgb(49,128,181) |
hsl(204,57%,45%) |
#296B98 |
rgb(41,107,152) |
hsl(204,58%,38%) |
#21577B |
rgb(33,87,123) |
hsl(204,58%,31%) |
#19425E |
rgb(25,66,94) |
hsl(204,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180B5 |
rgb(49,128,181) |
hsl(204,57%,45%) |
#B5303E |
rgb(181,48,62) |
hsl(354,58%,45%) |
#B5A831 |
rgb(181,168,49) |
hsl(54,57%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180B5 |
rgb(49,128,181) |
hsl(204,57%,45%) |
#B56631 |
rgb(181,102,49) |
hsl(24,57%,45%) |
#31B5A8 |
rgb(49,181,168) |
hsl(174,57%,45%) |
#B5A831 |
rgb(181,168,49) |
hsl(54,57%,45%) |