HEX #2563D1 color — Mariner

The color #2563D1 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2563D1 color palette from light to dark

HEX RGB HSL
#f6f9fd rgb(246,249,253) hsl(218,70%,98%)
#e1eafa rgb(225,234,250) hsl(218,70%,93%)
#cbdbf6 rgb(203,219,246) hsl(218,70%,88%)
#b5ccf2 rgb(181,204,242) hsl(218,70%,83%)
#a0bcee rgb(160,188,238) hsl(218,70%,78%)
#8aadea rgb(138,173,234) hsl(218,70%,73%)
#749ee7 rgb(116,158,231) hsl(218,70%,68%)
#5f8fe3 rgb(95,143,227) hsl(218,70%,63%)
#4980df rgb(73,128,223) hsl(218,70%,58%)
#3371db rgb(51,113,219) hsl(218,70%,53%)
#2564d0 rgb(37,100,208) hsl(218,70%,48%)
#2159ba rgb(33,89,186) hsl(218,70%,43%)
#1d4fa5 rgb(29,79,165) hsl(218,70%,38%)
#19448f rgb(25,68,143) hsl(218,70%,33%)
#153a79 rgb(21,58,121) hsl(218,70%,28%)
#123064 rgb(18,48,100) hsl(218,70%,23%)
#0e254e rgb(14,37,78) hsl(218,70%,18%)
#0a1b38 rgb(10,27,56) hsl(218,70%,13%)
#061123 rgb(6,17,35) hsl(218,70%,8%)
#02060d rgb(2,6,13) hsl(218,70%,3%)

Adjacent colors

HEX RGB HSL
#25D1CC rgb(37,209,204) hsl(178,70%,48%)
#2563D1 rgb(37,99,209) hsl(218,70%,48%)
#5926D1 rgb(89,38,209) hsl(258,69%,48%)

Monochromatic colors

HEX RGB HSL
#6191E3 rgb(97,145,227) hsl(218,70%,64%)
#4078DD rgb(64,120,221) hsl(219,70%,56%)
#2563D1 rgb(37,99,209) hsl(218,70%,48%)
#1F54AF rgb(31,84,175) hsl(218,70%,40%)
#19428E rgb(25,66,142) hsl(219,70%,33%)
#13336C rgb(19,51,108) hsl(218,70%,25%)

Triad color palettes

HEX RGB HSL
#2563D1 rgb(37,99,209) hsl(218,70%,48%)
#D13D25 rgb(209,61,37) hsl(8,70%,48%)
#B9D125 rgb(185,209,37) hsl(68,70%,48%)

Tetrad color palettes

HEX RGB HSL
#2563D1 rgb(37,99,209) hsl(218,70%,48%)
#D19425 rgb(209,148,37) hsl(39,70%,48%)
#25BAD1 rgb(37,186,209) hsl(188,70%,48%)
#B9D125 rgb(185,209,37) hsl(68,70%,48%)