HEX #3657D5 color — Mariner
The color #3657D5 is a dark shade and moderately saturated.
Palette
3657D5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fc |
rgb(242,244,252) |
hsl(228,65%,97%) |
#dde3f8 |
rgb(221,227,248) |
hsl(228,65%,92%) |
#c8d1f3 |
rgb(200,209,243) |
hsl(228,65%,87%) |
#b3bfef |
rgb(179,191,239) |
hsl(228,65%,82%) |
#9eadea |
rgb(158,173,234) |
hsl(228,65%,77%) |
#899ce6 |
rgb(137,156,230) |
hsl(228,65%,72%) |
#748ae2 |
rgb(116,138,226) |
hsl(228,65%,67%) |
#5f78dd |
rgb(95,120,221) |
hsl(228,65%,62%) |
#4a67d9 |
rgb(74,103,217) |
hsl(228,65%,57%) |
#3555d4 |
rgb(53,85,212) |
hsl(228,65%,52%) |
#2a49c6 |
rgb(42,73,198) |
hsl(228,65%,47%) |
#2541b1 |
rgb(37,65,177) |
hsl(228,65%,42%) |
#213a9c |
rgb(33,58,156) |
hsl(228,65%,37%) |
#1d3287 |
rgb(29,50,135) |
hsl(228,65%,32%) |
#182a72 |
rgb(24,42,114) |
hsl(228,65%,27%) |
#14225d |
rgb(20,34,93) |
hsl(228,65%,22%) |
#0f1a48 |
rgb(15,26,72) |
hsl(228,65%,17%) |
#0b1332 |
rgb(11,19,50) |
hsl(228,65%,12%) |
#060b1d |
rgb(6,11,29) |
hsl(228,65%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C2D5 |
rgb(54,194,213) |
hsl(187,65%,52%) |
#3657D5 |
rgb(54,87,213) |
hsl(228,65%,52%) |
#7F36D5 |
rgb(127,54,213) |
hsl(268,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C91E3 |
rgb(124,145,227) |
hsl(228,65%,69%) |
#5975DC |
rgb(89,117,220) |
hsl(227,65%,61%) |
#3657D5 |
rgb(54,87,213) |
hsl(228,65%,52%) |
#2645B9 |
rgb(38,69,185) |
hsl(227,66%,44%) |
#1F3896 |
rgb(31,56,150) |
hsl(227,66%,35%) |
#182B72 |
rgb(24,43,114) |
hsl(227,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3657D5 |
rgb(54,87,213) |
hsl(228,65%,52%) |
#D56336 |
rgb(213,99,54) |
hsl(17,65%,52%) |
#A6D636 |
rgb(166,214,54) |
hsl(78,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3657D5 |
rgb(54,87,213) |
hsl(228,65%,52%) |
#D5B536 |
rgb(213,181,54) |
hsl(48,65%,52%) |
#36A6D5 |
rgb(54,166,213) |
hsl(198,65%,52%) |
#A6D636 |
rgb(166,214,54) |
hsl(78,66%,53%) |