HEX #2563D4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

2563D4 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(219,70%,99%)
#e5ecfa rgb(229,236,250) hsl(219,70%,94%)
#cfddf7 rgb(207,221,247) hsl(219,70%,89%)
#bacef3 rgb(186,206,243) hsl(219,70%,84%)
#a4beef rgb(164,190,239) hsl(219,70%,79%)
#8eafeb rgb(142,175,235) hsl(219,70%,74%)
#799fe7 rgb(121,159,231) hsl(219,70%,69%)
#6390e3 rgb(99,144,227) hsl(219,70%,64%)
#4d80e0 rgb(77,128,224) hsl(219,70%,59%)
#3871dc rgb(56,113,220) hsl(219,70%,54%)
#2563d4 rgb(37,99,212) hsl(219,70%,49%)
#2259bf rgb(34,89,191) hsl(219,70%,44%)
#1e4fa9 rgb(30,79,169) hsl(219,70%,39%)
#1a4493 rgb(26,68,147) hsl(219,70%,34%)
#163a7e rgb(22,58,126) hsl(219,70%,29%)
#123068 rgb(18,48,104) hsl(219,70%,24%)
#0f2652 rgb(15,38,82) hsl(219,70%,19%)
#0b1c3d rgb(11,28,61) hsl(219,70%,14%)
#071227 rgb(7,18,39) hsl(219,70%,9%)
#030811 rgb(3,8,17) hsl(219,70%,4%)

Adjacent colors

HEX RGB HSL
#25D4D0 rgb(37,212,208) hsl(179,70%,49%)
#2563D4 rgb(37,99,212) hsl(219,70%,49%)
#5B26D4 rgb(91,38,212) hsl(258,70%,49%)

Monochromatic colors

HEX RGB HSL
#6491E4 rgb(100,145,228) hsl(219,70%,64%)
#427ADE rgb(66,122,222) hsl(218,70%,56%)
#2563D4 rgb(37,99,212) hsl(219,70%,49%)
#1F54B2 rgb(31,84,178) hsl(218,70%,41%)
#194290 rgb(25,66,144) hsl(219,70%,33%)
#13336E rgb(19,51,110) hsl(219,71%,25%)

Triad color palettes

HEX RGB HSL
#2563D4 rgb(37,99,212) hsl(219,70%,49%)
#D44025 rgb(212,64,37) hsl(9,70%,49%)
#BAD425 rgb(186,212,37) hsl(69,70%,49%)

Tetrad color palettes

HEX RGB HSL
#2563D4 rgb(37,99,212) hsl(219,70%,49%)
#D49625 rgb(212,150,37) hsl(39,70%,49%)
#25BAD4 rgb(37,186,212) hsl(189,70%,49%)
#BAD425 rgb(186,212,37) hsl(69,70%,49%)