HEX #3686A1 color — Astral

The color #3686a1 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3686a1 color palette from light to dark

HEX RGB HSL
#f4f9fb rgb(244,249,251) hsl(195,50%,97%)
#e0f0f5 rgb(224,240,245) hsl(195,50%,92%)
#cde6ee rgb(205,230,238) hsl(195,50%,87%)
#badde8 rgb(186,221,232) hsl(195,50%,82%)
#a7d3e2 rgb(167,211,226) hsl(195,50%,77%)
#94c9db rgb(148,201,219) hsl(195,50%,72%)
#81c0d5 rgb(129,192,213) hsl(195,50%,67%)
#6eb6cf rgb(110,182,207) hsl(195,50%,62%)
#5badc8 rgb(91,173,200) hsl(195,50%,57%)
#47a3c2 rgb(71,163,194) hsl(195,50%,52%)
#3c96b4 rgb(60,150,180) hsl(195,50%,47%)
#3686a1 rgb(54,134,161) hsl(195,50%,42%)
#2f768e rgb(47,118,142) hsl(195,50%,37%)
#29667a rgb(41,102,122) hsl(195,50%,32%)
#225667 rgb(34,86,103) hsl(195,50%,27%)
#1c4654 rgb(28,70,84) hsl(195,50%,22%)
#163641 rgb(22,54,65) hsl(195,50%,17%)
#0f262e rgb(15,38,46) hsl(195,50%,12%)
#09161b rgb(9,22,27) hsl(195,50%,7%)
#030608 rgb(3,6,8) hsl(195,50%,2%)

Adjacent colors

HEX RGB HSL
#36A174 rgb(54,161,116) hsl(155,50%,42%)
#3686A1 rgb(54,134,161) hsl(195,50%,42%)
#3640A1 rgb(54,64,161) hsl(234,50%,42%)

Monochromatic colors

HEX RGB HSL
#55ABC6 rgb(85,171,198) hsl(194,50%,55%)
#3E9CBA rgb(62,156,186) hsl(195,50%,49%)
#3686A1 rgb(54,134,161) hsl(195,50%,42%)
#2D7087 rgb(45,112,135) hsl(195,50%,35%)
#245C6D rgb(36,92,109) hsl(194,50%,28%)
#1C4553 rgb(28,69,83) hsl(195,50%,22%)

Triad color palettes

HEX RGB HSL
#3686A1 rgb(54,134,161) hsl(195,50%,42%)
#A13650 rgb(161,54,80) hsl(345,50%,42%)
#A18736 rgb(161,135,54) hsl(45,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3686A1 rgb(54,134,161) hsl(195,50%,42%)
#A15236 rgb(161,82,54) hsl(16,50%,42%)
#36A186 rgb(54,161,134) hsl(165,50%,42%)
#A18736 rgb(161,135,54) hsl(45,50%,42%)