HEX #3657A6 color — Azure
The color #3657A6 is a dark shade and moderately saturated.
Palette
3657A6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,51%,98%) |
#e4eaf6 |
rgb(228,234,246) |
hsl(222,51%,93%) |
#d1daf0 |
rgb(209,218,240) |
hsl(222,51%,88%) |
#becbea |
rgb(190,203,234) |
hsl(222,51%,83%) |
#aabbe4 |
rgb(170,187,228) |
hsl(222,51%,78%) |
#97acdd |
rgb(151,172,221) |
hsl(222,51%,73%) |
#849dd7 |
rgb(132,157,215) |
hsl(222,51%,68%) |
#718dd1 |
rgb(113,141,209) |
hsl(222,51%,63%) |
#5d7ecb |
rgb(93,126,203) |
hsl(222,51%,58%) |
#4a6fc4 |
rgb(74,111,196) |
hsl(222,51%,53%) |
#3c61b9 |
rgb(60,97,185) |
hsl(222,51%,48%) |
#3657a6 |
rgb(54,87,166) |
hsl(222,51%,43%) |
#2f4d92 |
rgb(47,77,146) |
hsl(222,51%,38%) |
#29437f |
rgb(41,67,127) |
hsl(222,51%,33%) |
#23396c |
rgb(35,57,108) |
hsl(222,51%,28%) |
#1d2f59 |
rgb(29,47,89) |
hsl(222,51%,23%) |
#162545 |
rgb(22,37,69) |
hsl(222,51%,18%) |
#101a32 |
rgb(16,26,50) |
hsl(222,51%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(222,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(222,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A1A6 |
rgb(54,161,166) |
hsl(183,51%,43%) |
#3657A6 |
rgb(54,87,166) |
hsl(222,51%,43%) |
#5F36A6 |
rgb(95,54,166) |
hsl(262,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#597AC9 |
rgb(89,122,201) |
hsl(222,51%,57%) |
#3E66C0 |
rgb(62,102,192) |
hsl(222,51%,50%) |
#3657A6 |
rgb(54,87,166) |
hsl(222,51%,43%) |
#2D4A8B |
rgb(45,74,139) |
hsl(221,51%,36%) |
#243B70 |
rgb(36,59,112) |
hsl(222,51%,29%) |
#1C2E56 |
rgb(28,46,86) |
hsl(221,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3657A6 |
rgb(54,87,166) |
hsl(222,51%,43%) |
#A64D36 |
rgb(166,77,54) |
hsl(12,51%,43%) |
#8FA636 |
rgb(143,166,54) |
hsl(72,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3657A6 |
rgb(54,87,166) |
hsl(222,51%,43%) |
#A68536 |
rgb(166,133,54) |
hsl(42,51%,43%) |
#368FA6 |
rgb(54,143,166) |
hsl(192,51%,43%) |
#8FA636 |
rgb(143,166,54) |
hsl(72,51%,43%) |