HEX #217AA1 color — Matisse

The color #217aa1 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

217aa1 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(198,66%,98%)
#e1f2f9 rgb(225,242,249) hsl(198,66%,93%)
#cce8f5 rgb(204,232,245) hsl(198,66%,88%)
#b7dff0 rgb(183,223,240) hsl(198,66%,83%)
#a2d6ec rgb(162,214,236) hsl(198,66%,78%)
#8dcce8 rgb(141,204,232) hsl(198,66%,73%)
#78c3e3 rgb(120,195,227) hsl(198,66%,68%)
#62badf rgb(98,186,223) hsl(198,66%,63%)
#4db0db rgb(77,176,219) hsl(198,66%,58%)
#38a7d6 rgb(56,167,214) hsl(198,66%,53%)
#2a9bcb rgb(42,155,203) hsl(198,66%,48%)
#258bb6 rgb(37,139,182) hsl(198,66%,43%)
#217aa1 rgb(33,122,161) hsl(198,66%,38%)
#1d6a8c rgb(29,106,140) hsl(198,66%,33%)
#185a77 rgb(24,90,119) hsl(198,66%,28%)
#144a61 rgb(20,74,97) hsl(198,66%,23%)
#103a4c rgb(16,58,76) hsl(198,66%,18%)
#0b2a37 rgb(11,42,55) hsl(198,66%,13%)
#071a22 rgb(7,26,34) hsl(198,66%,8%)
#030a0d rgb(3,10,13) hsl(198,66%,3%)

Adjacent colors

HEX RGB HSL
#21A172 rgb(33,161,114) hsl(158,66%,38%)
#217AA1 rgb(33,122,161) hsl(198,66%,38%)
#2124A1 rgb(33,36,161) hsl(239,66%,38%)

Monochromatic colors

HEX RGB HSL
#268CBA rgb(38,140,186) hsl(199,66%,44%)
#217AA1 rgb(33,122,161) hsl(198,66%,38%)
#1B6687 rgb(27,102,135) hsl(198,67%,32%)
#16546D rgb(22,84,109) hsl(197,66%,26%)
#114053 rgb(17,64,83) hsl(197,66%,20%)
#0B2B39 rgb(11,43,57) hsl(198,68%,13%)

Triad color palettes

HEX RGB HSL
#217AA1 rgb(33,122,161) hsl(198,66%,38%)
#A1213A rgb(161,33,58) hsl(348,66%,38%)
#A18721 rgb(161,135,33) hsl(48,66%,38%)

Tetrad color palettes

HEX RGB HSL
#217AA1 rgb(33,122,161) hsl(198,66%,38%)
#A14721 rgb(161,71,33) hsl(18,66%,38%)
#21A188 rgb(33,161,136) hsl(168,66%,38%)
#A18721 rgb(161,135,33) hsl(48,66%,38%)