HEX #3687A4 color — Astral
The color #3687A4 is a dark shade and moderately saturated.
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%) |