HEX #2A63C5 color — Mariner
The color #2A63C5 is a dark shade and moderately saturated.
Palette
2A63C5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(218,65%,97%) |
#dde7f8 |
rgb(221,231,248) |
hsl(218,65%,92%) |
#c8d8f3 |
rgb(200,216,243) |
hsl(218,65%,87%) |
#b3c9ef |
rgb(179,201,239) |
hsl(218,65%,82%) |
#9ebaea |
rgb(158,186,234) |
hsl(218,65%,77%) |
#89abe6 |
rgb(137,171,230) |
hsl(218,65%,72%) |
#749ce2 |
rgb(116,156,226) |
hsl(218,65%,67%) |
#5f8ddd |
rgb(95,141,221) |
hsl(218,65%,62%) |
#4a7ed9 |
rgb(74,126,217) |
hsl(218,65%,57%) |
#356fd4 |
rgb(53,111,212) |
hsl(218,65%,52%) |
#2a63c6 |
rgb(42,99,198) |
hsl(218,65%,47%) |
#2559b1 |
rgb(37,89,177) |
hsl(218,65%,42%) |
#214e9c |
rgb(33,78,156) |
hsl(218,65%,37%) |
#1d4387 |
rgb(29,67,135) |
hsl(218,65%,32%) |
#183972 |
rgb(24,57,114) |
hsl(218,65%,27%) |
#142e5d |
rgb(20,46,93) |
hsl(218,65%,22%) |
#0f2448 |
rgb(15,36,72) |
hsl(218,65%,17%) |
#0b1932 |
rgb(11,25,50) |
hsl(218,65%,12%) |
#060f1d |
rgb(6,15,29) |
hsl(218,65%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AC4BF |
rgb(42,196,191) |
hsl(178,65%,47%) |
#2A63C5 |
rgb(42,99,197) |
hsl(218,65%,47%) |
#5829C5 |
rgb(88,41,197) |
hsl(258,66%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E8CDC |
rgb(94,140,220) |
hsl(218,64%,62%) |
#3F78D6 |
rgb(63,120,214) |
hsl(217,65%,54%) |
#2A63C5 |
rgb(42,99,197) |
hsl(218,65%,47%) |
#2354A5 |
rgb(35,84,165) |
hsl(217,65%,39%) |
#1C4285 |
rgb(28,66,133) |
hsl(218,65%,32%) |
#153366 |
rgb(21,51,102) |
hsl(218,66%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A63C5 |
rgb(42,99,197) |
hsl(218,65%,47%) |
#C5402A |
rgb(197,64,42) |
hsl(9,65%,47%) |
#B0C42A |
rgb(176,196,42) |
hsl(68,65%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A63C5 |
rgb(42,99,197) |
hsl(218,65%,47%) |
#C58C2A |
rgb(197,140,42) |
hsl(38,65%,47%) |
#2AB0C5 |
rgb(42,176,197) |
hsl(188,65%,47%) |
#B0C42A |
rgb(176,196,42) |
hsl(68,65%,47%) |