HEX #226EA7 color — Matisse

The color #226EA7 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

226EA7 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(206,66%,99%)
#e6f1fa rgb(230,241,250) hsl(206,66%,94%)
#d0e5f5 rgb(208,229,245) hsl(206,66%,89%)
#bbdaf1 rgb(187,218,241) hsl(206,66%,84%)
#a6ceed rgb(166,206,237) hsl(206,66%,79%)
#91c3e8 rgb(145,195,232) hsl(206,66%,74%)
#7cb7e4 rgb(124,183,228) hsl(206,66%,69%)
#67abe0 rgb(103,171,224) hsl(206,66%,64%)
#51a0db rgb(81,160,219) hsl(206,66%,59%)
#3c94d7 rgb(60,148,215) hsl(206,66%,54%)
#2a88cf rgb(42,136,207) hsl(206,66%,49%)
#267aba rgb(38,122,186) hsl(206,66%,44%)
#226ca5 rgb(34,108,165) hsl(206,66%,39%)
#1d5e90 rgb(29,94,144) hsl(206,66%,34%)
#19507b rgb(25,80,123) hsl(206,66%,29%)
#154366 rgb(21,67,102) hsl(206,66%,24%)
#103550 rgb(16,53,80) hsl(206,66%,19%)
#0c273b rgb(12,39,59) hsl(206,66%,14%)
#081926 rgb(8,25,38) hsl(206,66%,9%)
#030b11 rgb(3,11,17) hsl(206,66%,4%)

Adjacent colors

HEX RGB HSL
#22A687 rgb(34,166,135) hsl(166,66%,39%)
#226EA7 rgb(34,110,167) hsl(206,66%,39%)
#2E21A7 rgb(46,33,167) hsl(246,67%,39%)

Monochromatic colors

HEX RGB HSL
#2780C1 rgb(39,128,193) hsl(205,66%,45%)
#226EA7 rgb(34,110,167) hsl(206,66%,39%)
#1C5C8C rgb(28,92,140) hsl(206,67%,33%)
#174A71 rgb(23,74,113) hsl(206,66%,27%)
#113856 rgb(17,56,86) hsl(206,67%,20%)
#0C293C rgb(12,41,60) hsl(204,67%,14%)

Triad color palettes

HEX RGB HSL
#226EA7 rgb(34,110,167) hsl(206,66%,39%)
#A7212B rgb(167,33,43) hsl(356,67%,39%)
#A79E22 rgb(167,158,34) hsl(56,66%,39%)

Tetrad color palettes

HEX RGB HSL
#226EA7 rgb(34,110,167) hsl(206,66%,39%)
#A75C22 rgb(167,92,34) hsl(26,66%,39%)
#22A69D rgb(34,166,157) hsl(176,66%,39%)
#A79E22 rgb(167,158,34) hsl(56,66%,39%)