HEX #3657A2 color — Azure
The color #3657A2 is a dark shade and moderately saturated.
Palette
3657A2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(222,50%,97%) |
#e0e7f5 |
rgb(224,231,245) |
hsl(222,50%,92%) |
#cdd7ee |
rgb(205,215,238) |
hsl(222,50%,87%) |
#bac8e8 |
rgb(186,200,232) |
hsl(222,50%,82%) |
#a7b9e2 |
rgb(167,185,226) |
hsl(222,50%,77%) |
#94a9db |
rgb(148,169,219) |
hsl(222,50%,72%) |
#819ad5 |
rgb(129,154,213) |
hsl(222,50%,67%) |
#6e8bcf |
rgb(110,139,207) |
hsl(222,50%,62%) |
#5b7bc8 |
rgb(91,123,200) |
hsl(222,50%,57%) |
#476cc2 |
rgb(71,108,194) |
hsl(222,50%,52%) |
#3c60b4 |
rgb(60,96,180) |
hsl(222,50%,47%) |
#3656a1 |
rgb(54,86,161) |
hsl(222,50%,42%) |
#2f4b8e |
rgb(47,75,142) |
hsl(222,50%,37%) |
#29417a |
rgb(41,65,122) |
hsl(222,50%,32%) |
#223767 |
rgb(34,55,103) |
hsl(222,50%,27%) |
#1c2d54 |
rgb(28,45,84) |
hsl(222,50%,22%) |
#162341 |
rgb(22,35,65) |
hsl(222,50%,17%) |
#0f182e |
rgb(15,24,46) |
hsl(222,50%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(222,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(222,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#369EA2 |
rgb(54,158,162) |
hsl(182,50%,42%) |
#3657A2 |
rgb(54,87,162) |
hsl(222,50%,42%) |
#5D36A2 |
rgb(93,54,162) |
hsl(262,50%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5678C6 |
rgb(86,120,198) |
hsl(222,50%,56%) |
#3E66BB |
rgb(62,102,187) |
hsl(221,50%,49%) |
#3657A2 |
rgb(54,87,162) |
hsl(222,50%,42%) |
#2D4A88 |
rgb(45,74,136) |
hsl(221,50%,35%) |
#243B6E |
rgb(36,59,110) |
hsl(221,51%,29%) |
#1C2E54 |
rgb(28,46,84) |
hsl(221,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3657A2 |
rgb(54,87,162) |
hsl(222,50%,42%) |
#A24A36 |
rgb(162,74,54) |
hsl(11,50%,42%) |
#8DA336 |
rgb(141,163,54) |
hsl(72,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3657A2 |
rgb(54,87,162) |
hsl(222,50%,42%) |
#A28236 |
rgb(162,130,54) |
hsl(42,50%,42%) |
#368CA2 |
rgb(54,140,162) |
hsl(192,50%,42%) |
#8DA336 |
rgb(141,163,54) |
hsl(72,50%,43%) |