HEX #3682A0 color — Astral

The color #3682A0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3682A0 color palette from light to dark

HEX RGB HSL
#f4f9fb rgb(244,249,251) hsl(197,50%,97%)
#e0eff5 rgb(224,239,245) hsl(197,50%,92%)
#cde5ee rgb(205,229,238) hsl(197,50%,87%)
#badbe8 rgb(186,219,232) hsl(197,50%,82%)
#a7d1e2 rgb(167,209,226) hsl(197,50%,77%)
#94c7db rgb(148,199,219) hsl(197,50%,72%)
#81bdd5 rgb(129,189,213) hsl(197,50%,67%)
#6eb3cf rgb(110,179,207) hsl(197,50%,62%)
#5ba9c8 rgb(91,169,200) hsl(197,50%,57%)
#479fc2 rgb(71,159,194) hsl(197,50%,52%)
#3c92b4 rgb(60,146,180) hsl(197,50%,47%)
#3682a1 rgb(54,130,161) hsl(197,50%,42%)
#2f738e rgb(47,115,142) hsl(197,50%,37%)
#29637a rgb(41,99,122) hsl(197,50%,32%)
#225467 rgb(34,84,103) hsl(197,50%,27%)
#1c4454 rgb(28,68,84) hsl(197,50%,22%)
#163541 rgb(22,53,65) hsl(197,50%,17%)
#0f252e rgb(15,37,46) hsl(197,50%,12%)
#09161b rgb(9,22,27) hsl(197,50%,7%)
#030608 rgb(3,6,8) hsl(197,50%,2%)

Adjacent colors

HEX RGB HSL
#36A177 rgb(54,161,119) hsl(156,50%,42%)
#3682A0 rgb(54,130,160) hsl(197,50%,42%)
#363BA0 rgb(54,59,160) hsl(237,50%,42%)

Monochromatic colors

HEX RGB HSL
#54A6C5 rgb(84,166,197) hsl(196,49%,55%)
#3E96B9 rgb(62,150,185) hsl(197,50%,48%)
#3682A0 rgb(54,130,160) hsl(197,50%,42%)
#2D6E86 rgb(45,110,134) hsl(196,50%,35%)
#24596C rgb(36,89,108) hsl(196,50%,28%)
#1C4553 rgb(28,69,83) hsl(195,50%,22%)

Triad color palettes

HEX RGB HSL
#3682A0 rgb(54,130,160) hsl(197,50%,42%)
#A0364D rgb(160,54,77) hsl(347,50%,42%)
#A08A36 rgb(160,138,54) hsl(48,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3682A0 rgb(54,130,160) hsl(197,50%,42%)
#A05436 rgb(160,84,54) hsl(17,50%,42%)
#36A189 rgb(54,161,137) hsl(167,50%,42%)
#A08A36 rgb(160,138,54) hsl(48,50%,42%)