HEX #3685A2 color — Astral

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

Color codes

copy icon
copy icon
copy icon

Palette

3685A2 color palette from light to dark

HEX RGB HSL
#f4f9fb rgb(244,249,251) hsl(196,50%,97%)
#e0eff5 rgb(224,239,245) hsl(196,50%,92%)
#cde6ee rgb(205,230,238) hsl(196,50%,87%)
#badce8 rgb(186,220,232) hsl(196,50%,82%)
#a7d2e2 rgb(167,210,226) hsl(196,50%,77%)
#94c8db rgb(148,200,219) hsl(196,50%,72%)
#81bed5 rgb(129,190,213) hsl(196,50%,67%)
#6eb5cf rgb(110,181,207) hsl(196,50%,62%)
#5babc8 rgb(91,171,200) hsl(196,50%,57%)
#47a1c2 rgb(71,161,194) hsl(196,50%,52%)
#3c94b4 rgb(60,148,180) hsl(196,50%,47%)
#3684a1 rgb(54,132,161) hsl(196,50%,42%)
#2f748e rgb(47,116,142) hsl(196,50%,37%)
#29657a rgb(41,101,122) hsl(196,50%,32%)
#225567 rgb(34,85,103) hsl(196,50%,27%)
#1c4554 rgb(28,69,84) hsl(196,50%,22%)
#163541 rgb(22,53,65) hsl(196,50%,17%)
#0f262e rgb(15,38,46) hsl(196,50%,12%)
#09161b rgb(9,22,27) hsl(196,50%,7%)
#030608 rgb(3,6,8) hsl(196,50%,2%)

Adjacent colors

HEX RGB HSL
#36A377 rgb(54,163,119) hsl(156,50%,43%)
#3685A2 rgb(54,133,162) hsl(196,50%,42%)
#363DA2 rgb(54,61,162) hsl(236,50%,42%)

Monochromatic colors

HEX RGB HSL
#56A8C6 rgb(86,168,198) hsl(196,50%,56%)
#3E9CBB rgb(62,156,187) hsl(195,50%,49%)
#3685A2 rgb(54,133,162) hsl(196,50%,42%)
#2D7088 rgb(45,112,136) hsl(196,50%,35%)
#24596E rgb(36,89,110) hsl(197,51%,29%)
#1C4554 rgb(28,69,84) hsl(196,50%,22%)

Triad color palettes

HEX RGB HSL
#3685A2 rgb(54,133,162) hsl(196,50%,42%)
#A2364F rgb(162,54,79) hsl(346,50%,42%)
#A28A36 rgb(162,138,54) hsl(47,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3685A2 rgb(54,133,162) hsl(196,50%,42%)
#A25436 rgb(162,84,54) hsl(17,50%,42%)
#36A389 rgb(54,163,137) hsl(166,50%,43%)
#A28A36 rgb(162,138,54) hsl(47,50%,42%)