HEX #3687A4 color — Astral

The color #3687A4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3687A4 color palette from light to dark

HEX RGB HSL
#f7fbfc rgb(247,251,252) hsl(196,50%,98%)
#e4f1f6 rgb(228,241,246) hsl(196,50%,93%)
#d1e8f0 rgb(209,232,240) hsl(196,50%,88%)
#bedee9 rgb(190,222,233) hsl(196,50%,83%)
#abd4e3 rgb(171,212,227) hsl(196,50%,78%)
#98cadd rgb(152,202,221) hsl(196,50%,73%)
#85c0d6 rgb(133,192,214) hsl(196,50%,68%)
#71b7d0 rgb(113,183,208) hsl(196,50%,63%)
#5eadc9 rgb(94,173,201) hsl(196,50%,58%)
#4ba3c3 rgb(75,163,195) hsl(196,50%,53%)
#3d97b8 rgb(61,151,184) hsl(196,50%,48%)
#3787a4 rgb(55,135,164) hsl(196,50%,43%)
#307891 rgb(48,120,145) hsl(196,50%,38%)
#2a687e rgb(42,104,126) hsl(196,50%,33%)
#24586b rgb(36,88,107) hsl(196,50%,28%)
#1d4858 rgb(29,72,88) hsl(196,50%,23%)
#173945 rgb(23,57,69) hsl(196,50%,18%)
#112932 rgb(17,41,50) hsl(196,50%,13%)
#0a191f rgb(10,25,31) hsl(196,50%,8%)
#04090b rgb(4,9,11) hsl(196,50%,3%)

Adjacent colors

HEX RGB HSL
#36A377 rgb(54,163,119) hsl(156,50%,43%)
#3687A4 rgb(54,135,164) hsl(196,50%,43%)
#363DA4 rgb(54,61,164) hsl(236,50%,43%)

Monochromatic colors

HEX RGB HSL
#57ABC7 rgb(87,171,199) hsl(195,50%,56%)
#3E9CBE rgb(62,156,190) hsl(196,51%,49%)
#3687A4 rgb(54,135,164) hsl(196,50%,43%)
#2D7089 rgb(45,112,137) hsl(196,51%,36%)
#245C6F rgb(36,92,111) hsl(195,51%,29%)
#1C4755 rgb(28,71,85) hsl(195,50%,22%)

Triad color palettes

HEX RGB HSL
#3687A4 rgb(54,135,164) hsl(196,50%,43%)
#A43650 rgb(164,54,80) hsl(346,50%,43%)
#A48A36 rgb(164,138,54) hsl(46,50%,43%)

Tetrad color palettes

HEX RGB HSL
#3687A4 rgb(54,135,164) hsl(196,50%,43%)
#A45436 rgb(164,84,54) hsl(16,50%,43%)
#36A38A rgb(54,163,138) hsl(166,50%,43%)
#A48A36 rgb(164,138,54) hsl(46,50%,43%)