HEX #226EA5 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226ea5 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(205,66%,99%)
#e6f1fa rgb(230,241,250) hsl(205,66%,94%)
#d0e6f5 rgb(208,230,245) hsl(205,66%,89%)
#bbdbf1 rgb(187,219,241) hsl(205,66%,84%)
#a6cfed rgb(166,207,237) hsl(205,66%,79%)
#91c4e8 rgb(145,196,232) hsl(205,66%,74%)
#7cb9e4 rgb(124,185,228) hsl(205,66%,69%)
#67ade0 rgb(103,173,224) hsl(205,66%,64%)
#51a2db rgb(81,162,219) hsl(205,66%,59%)
#3c97d7 rgb(60,151,215) hsl(205,66%,54%)
#2a8bcf rgb(42,139,207) hsl(205,66%,49%)
#267dba rgb(38,125,186) hsl(205,66%,44%)
#226ea5 rgb(34,110,165) hsl(205,66%,39%)
#1d6090 rgb(29,96,144) hsl(205,66%,34%)
#19527b rgb(25,82,123) hsl(205,66%,29%)
#154466 rgb(21,68,102) hsl(205,66%,24%)
#103650 rgb(16,54,80) hsl(205,66%,19%)
#0c283b rgb(12,40,59) hsl(205,66%,14%)
#081926 rgb(8,25,38) hsl(205,66%,9%)
#030b11 rgb(3,11,17) hsl(205,66%,4%)

Adjacent colors

HEX RGB HSL
#22A684 rgb(34,166,132) hsl(165,66%,39%)
#226EA5 rgb(34,110,165) hsl(205,66%,39%)
#2D21A5 rgb(45,33,165) hsl(245,67%,39%)

Monochromatic colors

HEX RGB HSL
#2780BF rgb(39,128,191) hsl(205,66%,45%)
#226EA5 rgb(34,110,165) hsl(205,66%,39%)
#1C5C8A rgb(28,92,138) hsl(205,66%,33%)
#174A70 rgb(23,74,112) hsl(206,66%,26%)
#113855 rgb(17,56,85) hsl(206,67%,20%)
#0C293B rgb(12,41,59) hsl(203,66%,14%)

Triad color palettes

HEX RGB HSL
#226EA5 rgb(34,110,165) hsl(205,66%,39%)
#A5212C rgb(165,33,44) hsl(355,67%,39%)
#A59C22 rgb(165,156,34) hsl(56,66%,39%)

Tetrad color palettes

HEX RGB HSL
#226EA5 rgb(34,110,165) hsl(205,66%,39%)
#A55922 rgb(165,89,34) hsl(25,66%,39%)
#22A69A rgb(34,166,154) hsl(175,66%,39%)
#A59C22 rgb(165,156,34) hsl(56,66%,39%)