HEX #2157A0 color — Matisse

The color #2157A0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2157A0 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(214,66%,98%)
#e1ecf9 rgb(225,236,249) hsl(214,66%,93%)
#ccdef5 rgb(204,222,245) hsl(214,66%,88%)
#b7d0f0 rgb(183,208,240) hsl(214,66%,83%)
#a2c2ec rgb(162,194,236) hsl(214,66%,78%)
#8db4e8 rgb(141,180,232) hsl(214,66%,73%)
#78a6e3 rgb(120,166,227) hsl(214,66%,68%)
#6298df rgb(98,152,223) hsl(214,66%,63%)
#4d8adb rgb(77,138,219) hsl(214,66%,58%)
#387dd6 rgb(56,125,214) hsl(214,66%,53%)
#2a70cb rgb(42,112,203) hsl(214,66%,48%)
#2564b6 rgb(37,100,182) hsl(214,66%,43%)
#2158a1 rgb(33,88,161) hsl(214,66%,38%)
#1d4d8c rgb(29,77,140) hsl(214,66%,33%)
#184177 rgb(24,65,119) hsl(214,66%,28%)
#143561 rgb(20,53,97) hsl(214,66%,23%)
#102a4c rgb(16,42,76) hsl(214,66%,18%)
#0b1e37 rgb(11,30,55) hsl(214,66%,13%)
#071322 rgb(7,19,34) hsl(214,66%,8%)
#03070d rgb(3,7,13) hsl(214,66%,3%)

Adjacent colors

HEX RGB HSL
#21A194 rgb(33,161,148) hsl(174,66%,38%)
#2157A0 rgb(33,87,160) hsl(214,66%,38%)
#3F21A0 rgb(63,33,160) hsl(254,66%,38%)

Monochromatic colors

HEX RGB HSL
#2666B9 rgb(38,102,185) hsl(214,66%,44%)
#2157A0 rgb(33,87,160) hsl(214,66%,38%)
#1B4A86 rgb(27,74,134) hsl(214,66%,32%)
#163B6C rgb(22,59,108) hsl(214,66%,25%)
#112E53 rgb(17,46,83) hsl(214,66%,20%)
#0B1F39 rgb(11,31,57) hsl(214,68%,13%)

Triad color palettes

HEX RGB HSL
#2157A0 rgb(33,87,160) hsl(214,66%,38%)
#A02B21 rgb(160,43,33) hsl(5,66%,38%)
#96A121 rgb(150,161,33) hsl(65,66%,38%)

Tetrad color palettes

HEX RGB HSL
#2157A0 rgb(33,87,160) hsl(214,66%,38%)
#A06B21 rgb(160,107,33) hsl(35,66%,38%)
#2196A0 rgb(33,150,160) hsl(185,66%,38%)
#96A121 rgb(150,161,33) hsl(65,66%,38%)