HEX #3657B2 color — Azure
The color #3657B2 is a dark shade and moderately saturated.
Palette
3657B2 color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(224,53%,95%) |
#d8dff3 |
rgb(216,223,243) |
hsl(224,53%,90%) |
#c4cfed |
rgb(196,207,237) |
hsl(224,53%,85%) |
#b1bfe7 |
rgb(177,191,231) |
hsl(224,53%,80%) |
#9dafe1 |
rgb(157,175,225) |
hsl(224,53%,75%) |
#8aa0db |
rgb(138,160,219) |
hsl(224,53%,70%) |
#7690d5 |
rgb(118,144,213) |
hsl(224,53%,65%) |
#6380cf |
rgb(99,128,207) |
hsl(224,53%,60%) |
#4f70c9 |
rgb(79,112,201) |
hsl(224,53%,55%) |
#3c60c3 |
rgb(60,96,195) |
hsl(224,53%,50%) |
#3656b0 |
rgb(54,86,176) |
hsl(224,53%,45%) |
#304d9c |
rgb(48,77,156) |
hsl(224,53%,40%) |
#2a4389 |
rgb(42,67,137) |
hsl(224,53%,35%) |
#243a75 |
rgb(36,58,117) |
hsl(224,53%,30%) |
#1e3062 |
rgb(30,48,98) |
hsl(224,53%,25%) |
#18264e |
rgb(24,38,78) |
hsl(224,53%,20%) |
#121d3b |
rgb(18,29,59) |
hsl(224,53%,15%) |
#0c1327 |
rgb(12,19,39) |
hsl(224,53%,10%) |
#060a14 |
rgb(6,10,20) |
hsl(224,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36ABB2 |
rgb(54,171,178) |
hsl(183,53%,45%) |
#3657B2 |
rgb(54,87,178) |
hsl(224,53%,45%) |
#6736B2 |
rgb(103,54,178) |
hsl(264,53%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6280CF |
rgb(98,128,207) |
hsl(223,53%,60%) |
#4669C6 |
rgb(70,105,198) |
hsl(224,53%,53%) |
#3657B2 |
rgb(54,87,178) |
hsl(224,53%,45%) |
#2D4A95 |
rgb(45,74,149) |
hsl(223,54%,38%) |
#243B79 |
rgb(36,59,121) |
hsl(224,54%,31%) |
#1C2E5C |
rgb(28,46,92) |
hsl(223,53%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3657B2 |
rgb(54,87,178) |
hsl(224,53%,45%) |
#B25436 |
rgb(178,84,54) |
hsl(15,53%,45%) |
#95B336 |
rgb(149,179,54) |
hsl(74,54%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3657B2 |
rgb(54,87,178) |
hsl(224,53%,45%) |
#B29136 |
rgb(178,145,54) |
hsl(44,53%,45%) |
#3694B2 |
rgb(54,148,178) |
hsl(195,53%,45%) |
#95B336 |
rgb(149,179,54) |
hsl(74,54%,46%) |