HEX #3680A6 color — Astral
The color #3680a6 is a dark shade and moderately saturated.
Palette
3680a6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(200,51%,98%) |
#e4f0f6 |
rgb(228,240,246) |
hsl(200,51%,93%) |
#d1e6f0 |
rgb(209,230,240) |
hsl(200,51%,88%) |
#bedbea |
rgb(190,219,234) |
hsl(200,51%,83%) |
#aad0e4 |
rgb(170,208,228) |
hsl(200,51%,78%) |
#97c6dd |
rgb(151,198,221) |
hsl(200,51%,73%) |
#84bbd7 |
rgb(132,187,215) |
hsl(200,51%,68%) |
#71b1d1 |
rgb(113,177,209) |
hsl(200,51%,63%) |
#5da6cb |
rgb(93,166,203) |
hsl(200,51%,58%) |
#4a9cc4 |
rgb(74,156,196) |
hsl(200,51%,53%) |
#3c8fb9 |
rgb(60,143,185) |
hsl(200,51%,48%) |
#3680a6 |
rgb(54,128,166) |
hsl(200,51%,43%) |
#2f7192 |
rgb(47,113,146) |
hsl(200,51%,38%) |
#29627f |
rgb(41,98,127) |
hsl(200,51%,33%) |
#23546c |
rgb(35,84,108) |
hsl(200,51%,28%) |
#1d4559 |
rgb(29,69,89) |
hsl(200,51%,23%) |
#163645 |
rgb(22,54,69) |
hsl(200,51%,18%) |
#102732 |
rgb(16,39,50) |
hsl(200,51%,13%) |
#0a181f |
rgb(10,24,31) |
hsl(200,51%,8%) |
#04090c |
rgb(4,9,12) |
hsl(200,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A681 |
rgb(54,166,129) |
hsl(160,51%,43%) |
#3680A6 |
rgb(54,128,166) |
hsl(200,51%,43%) |
#3636A6 |
rgb(54,54,166) |
hsl(240,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#59A3C9 |
rgb(89,163,201) |
hsl(200,51%,57%) |
#3E94C0 |
rgb(62,148,192) |
hsl(200,51%,50%) |
#3680A6 |
rgb(54,128,166) |
hsl(200,51%,43%) |
#2D6B8B |
rgb(45,107,139) |
hsl(200,51%,36%) |
#245770 |
rgb(36,87,112) |
hsl(200,51%,29%) |
#1C4256 |
rgb(28,66,86) |
hsl(201,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680A6 |
rgb(54,128,166) |
hsl(200,51%,43%) |
#A63648 |
rgb(166,54,72) |
hsl(350,51%,43%) |
#A69436 |
rgb(166,148,54) |
hsl(50,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680A6 |
rgb(54,128,166) |
hsl(200,51%,43%) |
#A65C36 |
rgb(166,92,54) |
hsl(20,51%,43%) |
#36A694 |
rgb(54,166,148) |
hsl(170,51%,43%) |
#A69436 |
rgb(166,148,54) |
hsl(50,51%,43%) |