HEX #3680A0 color — Astral
The color #3680A0 is a dark shade and moderately saturated.
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%) |