HEX #3687A2 color — Astral

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

Color codes

copy icon
copy icon
copy icon

Palette

3687A2 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
#36A375 rgb(54,163,117) hsl(155,50%,43%)
#3687A2 rgb(54,135,162) hsl(195,50%,42%)
#3640A2 rgb(54,64,162) hsl(234,50%,42%)

Monochromatic colors

HEX RGB HSL
#56ABC6 rgb(86,171,198) hsl(194,50%,56%)
#3E9CBB rgb(62,156,187) hsl(195,50%,49%)
#3687A2 rgb(54,135,162) hsl(195,50%,42%)
#2D7088 rgb(45,112,136) hsl(196,50%,35%)
#245C6E rgb(36,92,110) hsl(195,51%,29%)
#1C4754 rgb(28,71,84) hsl(194,50%,22%)

Triad color palettes

HEX RGB HSL
#3687A2 rgb(54,135,162) hsl(195,50%,42%)
#A23651 rgb(162,54,81) hsl(345,50%,42%)
#A28736 rgb(162,135,54) hsl(45,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3687A2 rgb(54,135,162) hsl(195,50%,42%)
#A25236 rgb(162,82,54) hsl(16,50%,42%)
#36A387 rgb(54,163,135) hsl(165,50%,43%)
#A28736 rgb(162,135,54) hsl(45,50%,42%)