HEX #3180B2 color — Astral
The color #3180B2 is a dark shade and moderately saturated.
Palette
3180B2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf4fa |
rgb(235,244,250) |
hsl(203,57%,95%) |
#d7e9f4 |
rgb(215,233,244) |
hsl(203,57%,90%) |
#c3deef |
rgb(195,222,239) |
hsl(203,57%,85%) |
#afd3e9 |
rgb(175,211,233) |
hsl(203,57%,80%) |
#9bc8e4 |
rgb(155,200,228) |
hsl(203,57%,75%) |
#87bdde |
rgb(135,189,222) |
hsl(203,57%,70%) |
#73b2d9 |
rgb(115,178,217) |
hsl(203,57%,65%) |
#5fa7d3 |
rgb(95,167,211) |
hsl(203,57%,60%) |
#4b9cce |
rgb(75,156,206) |
hsl(203,57%,55%) |
#3790c8 |
rgb(55,144,200) |
hsl(203,57%,50%) |
#3182b4 |
rgb(49,130,180) |
hsl(203,57%,45%) |
#2c74a0 |
rgb(44,116,160) |
hsl(203,57%,40%) |
#26658c |
rgb(38,101,140) |
hsl(203,57%,35%) |
#215778 |
rgb(33,87,120) |
hsl(203,57%,30%) |
#1b4864 |
rgb(27,72,100) |
hsl(203,57%,25%) |
#163a50 |
rgb(22,58,80) |
hsl(203,57%,20%) |
#102b3c |
rgb(16,43,60) |
hsl(203,57%,15%) |
#0b1d28 |
rgb(11,29,40) |
hsl(203,57%,10%) |
#050e14 |
rgb(5,14,20) |
hsl(203,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B38E |
rgb(49,179,142) |
hsl(163,57%,45%) |
#3180B2 |
rgb(49,128,178) |
hsl(203,57%,45%) |
#3830B2 |
rgb(56,48,178) |
hsl(244,58%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5AA3D1 |
rgb(90,163,209) |
hsl(203,56%,59%) |
#3D94C9 |
rgb(61,148,201) |
hsl(203,56%,51%) |
#3180B2 |
rgb(49,128,178) |
hsl(203,57%,45%) |
#296B95 |
rgb(41,107,149) |
hsl(203,57%,37%) |
#215779 |
rgb(33,87,121) |
hsl(203,57%,30%) |
#19425C |
rgb(25,66,92) |
hsl(203,57%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180B2 |
rgb(49,128,178) |
hsl(203,57%,45%) |
#B2303F |
rgb(178,48,63) |
hsl(353,58%,44%) |
#B2A331 |
rgb(178,163,49) |
hsl(53,57%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180B2 |
rgb(49,128,178) |
hsl(203,57%,45%) |
#B26331 |
rgb(178,99,49) |
hsl(23,57%,45%) |
#31B3A3 |
rgb(49,179,163) |
hsl(173,57%,45%) |
#B2A331 |
rgb(178,163,49) |
hsl(53,57%,45%) |