HEX #3657D6 color — Mariner
The color #3657D6 is a dark shade and moderately saturated.
Palette
3657D6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,66%,98%) |
#e1e6f9 |
rgb(225,230,249) |
hsl(228,66%,93%) |
#ccd4f5 |
rgb(204,212,245) |
hsl(228,66%,88%) |
#b7c2f0 |
rgb(183,194,240) |
hsl(228,66%,83%) |
#a2b1ec |
rgb(162,177,236) |
hsl(228,66%,78%) |
#8d9fe8 |
rgb(141,159,232) |
hsl(228,66%,73%) |
#788de3 |
rgb(120,141,227) |
hsl(228,66%,68%) |
#627bdf |
rgb(98,123,223) |
hsl(228,66%,63%) |
#4d69db |
rgb(77,105,219) |
hsl(228,66%,58%) |
#3858d6 |
rgb(56,88,214) |
hsl(228,66%,53%) |
#2a4acb |
rgb(42,74,203) |
hsl(228,66%,48%) |
#2542b6 |
rgb(37,66,182) |
hsl(228,66%,43%) |
#213ba1 |
rgb(33,59,161) |
hsl(228,66%,38%) |
#1d338c |
rgb(29,51,140) |
hsl(228,66%,33%) |
#182b77 |
rgb(24,43,119) |
hsl(228,66%,28%) |
#142361 |
rgb(20,35,97) |
hsl(228,66%,23%) |
#101c4c |
rgb(16,28,76) |
hsl(228,66%,18%) |
#0b1437 |
rgb(11,20,55) |
hsl(228,66%,13%) |
#070c22 |
rgb(7,12,34) |
hsl(228,66%,8%) |
#03050d |
rgb(3,5,13) |
hsl(228,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C2D6 |
rgb(54,194,214) |
hsl(188,66%,53%) |
#3657D6 |
rgb(54,87,214) |
hsl(228,66%,53%) |
#7F36D6 |
rgb(127,54,214) |
hsl(267,66%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D91E4 |
rgb(125,145,228) |
hsl(228,66%,69%) |
#5975DD |
rgb(89,117,221) |
hsl(227,66%,61%) |
#3657D6 |
rgb(54,87,214) |
hsl(228,66%,53%) |
#2645BA |
rgb(38,69,186) |
hsl(227,66%,44%) |
#1E3897 |
rgb(30,56,151) |
hsl(227,67%,35%) |
#172B73 |
rgb(23,43,115) |
hsl(227,67%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3657D6 |
rgb(54,87,214) |
hsl(228,66%,53%) |
#D66636 |
rgb(214,102,54) |
hsl(18,66%,53%) |
#A7D636 |
rgb(167,214,54) |
hsl(78,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3657D6 |
rgb(54,87,214) |
hsl(228,66%,53%) |
#D6B536 |
rgb(214,181,54) |
hsl(48,66%,53%) |
#36A6D6 |
rgb(54,166,214) |
hsl(198,66%,53%) |
#A7D636 |
rgb(167,214,54) |
hsl(78,66%,53%) |