HEX #3680A0 color — Astral

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

Color codes

copy icon
copy icon
copy icon

Palette

3680A0 color palette from light to dark

HEX RGB HSL
#f4f9fb rgb(244,249,251) hsl(198,50%,97%)
#e0eff5 rgb(224,239,245) hsl(198,50%,92%)
#cde4ee rgb(205,228,238) hsl(198,50%,87%)
#badae8 rgb(186,218,232) hsl(198,50%,82%)
#a7d0e2 rgb(167,208,226) hsl(198,50%,77%)
#94c6db rgb(148,198,219) hsl(198,50%,72%)
#81bcd5 rgb(129,188,213) hsl(198,50%,67%)
#6eb1cf rgb(110,177,207) hsl(198,50%,62%)
#5ba7c8 rgb(91,167,200) hsl(198,50%,57%)
#479dc2 rgb(71,157,194) hsl(198,50%,52%)
#3c90b4 rgb(60,144,180) hsl(198,50%,47%)
#3681a1 rgb(54,129,161) hsl(198,50%,42%)
#2f718e rgb(47,113,142) hsl(198,50%,37%)
#29627a rgb(41,98,122) hsl(198,50%,32%)
#225367 rgb(34,83,103) hsl(198,50%,27%)
#1c4354 rgb(28,67,84) hsl(198,50%,22%)
#163441 rgb(22,52,65) hsl(198,50%,17%)
#0f252e rgb(15,37,46) hsl(198,50%,12%)
#09151b rgb(9,21,27) hsl(198,50%,7%)
#030608 rgb(3,6,8) hsl(198,50%,2%)

Adjacent colors

HEX RGB HSL
#36A179 rgb(54,161,121) hsl(158,50%,42%)
#3680A0 rgb(54,128,160) hsl(198,50%,42%)
#3638A0 rgb(54,56,160) hsl(239,50%,42%)

Monochromatic colors

HEX RGB HSL
#54A3C5 rgb(84,163,197) hsl(198,49%,55%)
#3E94B9 rgb(62,148,185) hsl(198,50%,48%)
#3680A0 rgb(54,128,160) hsl(198,50%,42%)
#2D6B86 rgb(45,107,134) hsl(198,50%,35%)
#24576C rgb(36,87,108) hsl(198,50%,28%)
#1C4253 rgb(28,66,83) hsl(199,50%,22%)

Triad color palettes

HEX RGB HSL
#3680A0 rgb(54,128,160) hsl(198,50%,42%)
#A0364B rgb(160,54,75) hsl(348,50%,42%)
#A08C36 rgb(160,140,54) hsl(49,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3680A0 rgb(54,128,160) hsl(198,50%,42%)
#A05736 rgb(160,87,54) hsl(19,50%,42%)
#36A18B rgb(54,161,139) hsl(168,50%,42%)
#A08C36 rgb(160,140,54) hsl(49,50%,42%)