HEX #2A5EC7 color — Mariner
The color #2A5EC7 is a dark shade and moderately saturated.
Palette
2A5EC7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(220,65%,97%) |
#dde6f8 |
rgb(221,230,248) |
hsl(220,65%,92%) |
#c8d7f3 |
rgb(200,215,243) |
hsl(220,65%,87%) |
#b3c7ef |
rgb(179,199,239) |
hsl(220,65%,82%) |
#9eb8ea |
rgb(158,184,234) |
hsl(220,65%,77%) |
#89a8e6 |
rgb(137,168,230) |
hsl(220,65%,72%) |
#7499e2 |
rgb(116,153,226) |
hsl(220,65%,67%) |
#5f89dd |
rgb(95,137,221) |
hsl(220,65%,62%) |
#4a7ad9 |
rgb(74,122,217) |
hsl(220,65%,57%) |
#356ad4 |
rgb(53,106,212) |
hsl(220,65%,52%) |
#2a5ec6 |
rgb(42,94,198) |
hsl(220,65%,47%) |
#2554b1 |
rgb(37,84,177) |
hsl(220,65%,42%) |
#214a9c |
rgb(33,74,156) |
hsl(220,65%,37%) |
#1d4087 |
rgb(29,64,135) |
hsl(220,65%,32%) |
#183672 |
rgb(24,54,114) |
hsl(220,65%,27%) |
#142c5d |
rgb(20,44,93) |
hsl(220,65%,22%) |
#0f2248 |
rgb(15,34,72) |
hsl(220,65%,17%) |
#0b1832 |
rgb(11,24,50) |
hsl(220,65%,12%) |
#060e1d |
rgb(6,14,29) |
hsl(220,65%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AC7C7 |
rgb(42,199,199) |
hsl(180,65%,47%) |
#2A5EC7 |
rgb(42,94,199) |
hsl(220,65%,47%) |
#5E29C7 |
rgb(94,41,199) |
hsl(260,66%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#608ADD |
rgb(96,138,221) |
hsl(220,65%,62%) |
#4073D6 |
rgb(64,115,214) |
hsl(220,65%,55%) |
#2A5EC7 |
rgb(42,94,199) |
hsl(220,65%,47%) |
#234FA7 |
rgb(35,79,167) |
hsl(220,65%,40%) |
#1C4087 |
rgb(28,64,135) |
hsl(220,66%,32%) |
#153067 |
rgb(21,48,103) |
hsl(220,66%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5EC7 |
rgb(42,94,199) |
hsl(220,65%,47%) |
#C7452A |
rgb(199,69,42) |
hsl(10,65%,47%) |
#ACC72A |
rgb(172,199,42) |
hsl(70,65%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5EC7 |
rgb(42,94,199) |
hsl(220,65%,47%) |
#C7942A |
rgb(199,148,42) |
hsl(41,65%,47%) |
#2AADC7 |
rgb(42,173,199) |
hsl(190,65%,47%) |
#ACC72A |
rgb(172,199,42) |
hsl(70,65%,47%) |