HEX #3682A7 color — Astral
The color #3682A7 is a dark shade and moderately saturated.
Palette
3682A7 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 |
#36A680 |
rgb(54,166,128) |
hsl(160,51%,43%) |
#3682A7 |
rgb(54,130,167) |
hsl(200,51%,43%) |
#3636A7 |
rgb(54,54,167) |
hsl(240,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5AA6C9 |
rgb(90,166,201) |
hsl(199,51%,57%) |
#3F96C1 |
rgb(63,150,193) |
hsl(200,51%,50%) |
#3682A7 |
rgb(54,130,167) |
hsl(200,51%,43%) |
#2D6E8C |
rgb(45,110,140) |
hsl(199,51%,36%) |
#245971 |
rgb(36,89,113) |
hsl(199,52%,29%) |
#1C4556 |
rgb(28,69,86) |
hsl(198,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3682A7 |
rgb(54,130,167) |
hsl(200,51%,43%) |
#A73649 |
rgb(167,54,73) |
hsl(350,51%,43%) |
#A79436 |
rgb(167,148,54) |
hsl(50,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3682A7 |
rgb(54,130,167) |
hsl(200,51%,43%) |
#A75C36 |
rgb(167,92,54) |
hsl(20,51%,43%) |
#36A693 |
rgb(54,166,147) |
hsl(170,51%,43%) |
#A79436 |
rgb(167,148,54) |
hsl(50,51%,43%) |