HEX #226BA2 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226BA2 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(206,65%,98%)
#e2eff9 rgb(226,239,249) hsl(206,65%,93%)
#cde3f4 rgb(205,227,244) hsl(206,65%,88%)
#b7d7f0 rgb(183,215,240) hsl(206,65%,83%)
#a2cceb rgb(162,204,235) hsl(206,65%,78%)
#8dc0e7 rgb(141,192,231) hsl(206,65%,73%)
#78b4e2 rgb(120,180,226) hsl(206,65%,68%)
#63a9de rgb(99,169,222) hsl(206,65%,63%)
#4e9dda rgb(78,157,218) hsl(206,65%,58%)
#3992d5 rgb(57,146,213) hsl(206,65%,53%)
#2b85ca rgb(43,133,202) hsl(206,65%,48%)
#2677b5 rgb(38,119,181) hsl(206,65%,43%)
#2269a0 rgb(34,105,160) hsl(206,65%,38%)
#1d5b8b rgb(29,91,139) hsl(206,65%,33%)
#194e76 rgb(25,78,118) hsl(206,65%,28%)
#154061 rgb(21,64,97) hsl(206,65%,23%)
#10324c rgb(16,50,76) hsl(206,65%,18%)
#0c2437 rgb(12,36,55) hsl(206,65%,13%)
#071622 rgb(7,22,34) hsl(206,65%,8%)
#03080d rgb(3,8,13) hsl(206,65%,3%)

Adjacent colors

HEX RGB HSL
#22A383 rgb(34,163,131) hsl(165,65%,39%)
#226BA2 rgb(34,107,162) hsl(206,65%,38%)
#2E21A2 rgb(46,33,162) hsl(246,66%,38%)

Monochromatic colors

HEX RGB HSL
#277DBB rgb(39,125,187) hsl(205,65%,44%)
#226BA2 rgb(34,107,162) hsl(206,65%,38%)
#1C5988 rgb(28,89,136) hsl(206,66%,32%)
#174A6E rgb(23,74,110) hsl(205,65%,26%)
#113854 rgb(17,56,84) hsl(205,66%,20%)
#0C263A rgb(12,38,58) hsl(206,66%,14%)

Triad color palettes

HEX RGB HSL
#226BA2 rgb(34,107,162) hsl(206,65%,38%)
#A2212B rgb(162,33,43) hsl(355,66%,38%)
#A29922 rgb(162,153,34) hsl(56,65%,38%)

Tetrad color palettes

HEX RGB HSL
#226BA2 rgb(34,107,162) hsl(206,65%,38%)
#A25922 rgb(162,89,34) hsl(26,65%,38%)
#22A399 rgb(34,163,153) hsl(175,65%,39%)
#A29922 rgb(162,153,34) hsl(56,65%,38%)