HEX #217AA5 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

217AA5 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(200,67%,99%)
#e5f3fa rgb(229,243,250) hsl(200,67%,94%)
#d0e9f6 rgb(208,233,246) hsl(200,67%,89%)
#bbdff2 rgb(187,223,242) hsl(200,67%,84%)
#a6d5ed rgb(166,213,237) hsl(200,67%,79%)
#90cce9 rgb(144,204,233) hsl(200,67%,74%)
#7bc2e5 rgb(123,194,229) hsl(200,67%,69%)
#66b8e1 rgb(102,184,225) hsl(200,67%,64%)
#50aedc rgb(80,174,220) hsl(200,67%,59%)
#3ba4d8 rgb(59,164,216) hsl(200,67%,54%)
#2999d1 rgb(41,153,209) hsl(200,67%,49%)
#2589bb rgb(37,137,187) hsl(200,67%,44%)
#217aa6 rgb(33,122,166) hsl(200,67%,39%)
#1d6a91 rgb(29,106,145) hsl(200,67%,34%)
#185a7b rgb(24,90,123) hsl(200,67%,29%)
#144b66 rgb(20,75,102) hsl(200,67%,24%)
#103b51 rgb(16,59,81) hsl(200,67%,19%)
#0c2c3c rgb(12,44,60) hsl(200,67%,14%)
#081c26 rgb(8,28,38) hsl(200,67%,9%)
#030c11 rgb(3,12,17) hsl(200,67%,4%)

Adjacent colors

HEX RGB HSL
#21A678 rgb(33,166,120) hsl(159,67%,39%)
#217AA5 rgb(33,122,165) hsl(200,67%,39%)
#2121A5 rgb(33,33,165) hsl(240,67%,39%)

Monochromatic colors

HEX RGB HSL
#268CBF rgb(38,140,191) hsl(200,67%,45%)
#217AA5 rgb(33,122,165) hsl(200,67%,39%)
#1B668A rgb(27,102,138) hsl(199,67%,32%)
#165470 rgb(22,84,112) hsl(199,67%,26%)
#114055 rgb(17,64,85) hsl(199,67%,20%)
#0B2B3B rgb(11,43,59) hsl(200,69%,14%)

Triad color palettes

HEX RGB HSL
#217AA5 rgb(33,122,165) hsl(200,67%,39%)
#A52138 rgb(165,33,56) hsl(350,67%,39%)
#A58F21 rgb(165,143,33) hsl(50,67%,39%)

Tetrad color palettes

HEX RGB HSL
#217AA5 rgb(33,122,165) hsl(200,67%,39%)
#A54D21 rgb(165,77,33) hsl(20,67%,39%)
#21A68E rgb(33,166,142) hsl(169,67%,39%)
#A58F21 rgb(165,143,33) hsl(50,67%,39%)