HEX #3557D2 color — Mariner
The color #3557D2 is a dark shade and moderately saturated.
Palette
3557D2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fc |
rgb(242,245,252) |
hsl(227,64%,97%) |
#dee3f8 |
rgb(222,227,248) |
hsl(227,64%,92%) |
#c9d2f3 |
rgb(201,210,243) |
hsl(227,64%,87%) |
#b4c0ee |
rgb(180,192,238) |
hsl(227,64%,82%) |
#9fafea |
rgb(159,175,234) |
hsl(227,64%,77%) |
#8a9ee5 |
rgb(138,158,229) |
hsl(227,64%,72%) |
#758ce1 |
rgb(117,140,225) |
hsl(227,64%,67%) |
#607bdc |
rgb(96,123,220) |
hsl(227,64%,62%) |
#4b6ad8 |
rgb(75,106,216) |
hsl(227,64%,57%) |
#3658d3 |
rgb(54,88,211) |
hsl(227,64%,52%) |
#2b4cc5 |
rgb(43,76,197) |
hsl(227,64%,47%) |
#2744b0 |
rgb(39,68,176) |
hsl(227,64%,42%) |
#223c9b |
rgb(34,60,155) |
hsl(227,64%,37%) |
#1d3486 |
rgb(29,52,134) |
hsl(227,64%,32%) |
#192c71 |
rgb(25,44,113) |
hsl(227,64%,27%) |
#14245c |
rgb(20,36,92) |
hsl(227,64%,22%) |
#101c47 |
rgb(16,28,71) |
hsl(227,64%,17%) |
#0b1432 |
rgb(11,20,50) |
hsl(227,64%,12%) |
#060b1d |
rgb(6,11,29) |
hsl(227,64%,7%) |
#020308 |
rgb(2,3,8) |
hsl(227,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#35BFD2 |
rgb(53,191,210) |
hsl(187,64%,52%) |
#3557D2 |
rgb(53,87,210) |
hsl(227,64%,52%) |
#7B36D2 |
rgb(123,54,210) |
hsl(267,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7991E1 |
rgb(121,145,225) |
hsl(226,63%,68%) |
#5773D9 |
rgb(87,115,217) |
hsl(227,63%,60%) |
#3557D2 |
rgb(53,87,210) |
hsl(227,64%,52%) |
#2847B4 |
rgb(40,71,180) |
hsl(227,64%,43%) |
#203892 |
rgb(32,56,146) |
hsl(227,64%,35%) |
#182B6F |
rgb(24,43,111) |
hsl(227,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3557D2 |
rgb(53,87,210) |
hsl(227,64%,52%) |
#D26135 |
rgb(210,97,53) |
hsl(17,64%,52%) |
#A5D135 |
rgb(165,209,53) |
hsl(77,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3557D2 |
rgb(53,87,210) |
hsl(227,64%,52%) |
#D2B035 |
rgb(210,176,53) |
hsl(47,64%,52%) |
#35A6D2 |
rgb(53,166,210) |
hsl(197,64%,52%) |
#A5D135 |
rgb(165,209,53) |
hsl(77,63%,51%) |