HEX #2563C2 color — Mariner
The color #2563C2 is a dark shade and highly saturated.
Palette
2563C2 color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(216,68%,95%) |
#d4e2f7 |
rgb(212,226,247) |
hsl(216,68%,90%) |
#bfd4f3 |
rgb(191,212,243) |
hsl(216,68%,85%) |
#a9c5ef |
rgb(169,197,239) |
hsl(216,68%,80%) |
#94b7eb |
rgb(148,183,235) |
hsl(216,68%,75%) |
#7ea8e7 |
rgb(126,168,231) |
hsl(216,68%,70%) |
#699ae2 |
rgb(105,154,226) |
hsl(216,68%,65%) |
#548bde |
rgb(84,139,222) |
hsl(216,68%,60%) |
#3e7dda |
rgb(62,125,218) |
hsl(216,68%,55%) |
#296ed6 |
rgb(41,110,214) |
hsl(216,68%,50%) |
#2563c1 |
rgb(37,99,193) |
hsl(216,68%,45%) |
#2158ab |
rgb(33,88,171) |
hsl(216,68%,40%) |
#1d4d96 |
rgb(29,77,150) |
hsl(216,68%,35%) |
#184281 |
rgb(24,66,129) |
hsl(216,68%,30%) |
#14376b |
rgb(20,55,107) |
hsl(216,68%,25%) |
#102c56 |
rgb(16,44,86) |
hsl(216,68%,20%) |
#0c2140 |
rgb(12,33,64) |
hsl(216,68%,15%) |
#08162b |
rgb(8,22,43) |
hsl(216,68%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(216,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#25C2B8 |
rgb(37,194,184) |
hsl(176,68%,45%) |
#2563C2 |
rgb(37,99,194) |
hsl(216,68%,45%) |
#4F26C2 |
rgb(79,38,194) |
hsl(256,67%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#528ADE |
rgb(82,138,222) |
hsl(216,68%,60%) |
#3375D8 |
rgb(51,117,216) |
hsl(216,68%,52%) |
#2563C2 |
rgb(37,99,194) |
hsl(216,68%,45%) |
#1F54A2 |
rgb(31,84,162) |
hsl(216,68%,38%) |
#194283 |
rgb(25,66,131) |
hsl(217,68%,31%) |
#133364 |
rgb(19,51,100) |
hsl(216,68%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2563C2 |
rgb(37,99,194) |
hsl(216,68%,45%) |
#C23625 |
rgb(194,54,37) |
hsl(6,68%,45%) |
#B1C225 |
rgb(177,194,37) |
hsl(66,68%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2563C2 |
rgb(37,99,194) |
hsl(216,68%,45%) |
#C28525 |
rgb(194,133,37) |
hsl(37,68%,45%) |
#25B3C2 |
rgb(37,179,194) |
hsl(186,68%,45%) |
#B1C225 |
rgb(177,194,37) |
hsl(66,68%,45%) |