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