HEX #2563D0 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

2563D0 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
#25D1CB rgb(37,209,203) hsl(178,70%,48%)
#2563D0 rgb(37,99,208) hsl(218,70%,48%)
#5926D0 rgb(89,38,208) hsl(258,69%,48%)

Monochromatic colors

HEX RGB HSL
#608FE2 rgb(96,143,226) hsl(218,69%,63%)
#3F78DC rgb(63,120,220) hsl(218,69%,55%)
#2563D0 rgb(37,99,208) hsl(218,70%,48%)
#1F54AE rgb(31,84,174) hsl(218,70%,40%)
#19428D rgb(25,66,141) hsl(219,70%,33%)
#13336C rgb(19,51,108) hsl(218,70%,25%)

Triad color palettes

HEX RGB HSL
#2563D0 rgb(37,99,208) hsl(218,70%,48%)
#D03D25 rgb(208,61,37) hsl(8,70%,48%)
#B8D125 rgb(184,209,37) hsl(69,70%,48%)

Tetrad color palettes

HEX RGB HSL
#2563D0 rgb(37,99,208) hsl(218,70%,48%)
#D09125 rgb(208,145,37) hsl(38,70%,48%)
#25B8D0 rgb(37,184,208) hsl(188,70%,48%)
#B8D125 rgb(184,209,37) hsl(69,70%,48%)