HEX #226BB0 color — Matisse

The color #226BB0 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

226BB0 color palette from light to dark

HEX RGB HSL
#eef5fc rgb(238,245,252) hsl(209,68%,96%)
#d8e9f8 rgb(216,233,248) hsl(209,68%,91%)
#c3dcf4 rgb(195,220,244) hsl(209,68%,86%)
#aed0ef rgb(174,208,239) hsl(209,68%,81%)
#98c3eb rgb(152,195,235) hsl(209,68%,76%)
#83b7e7 rgb(131,183,231) hsl(209,68%,71%)
#6daae3 rgb(109,170,227) hsl(209,68%,66%)
#589edf rgb(88,158,223) hsl(209,68%,61%)
#4391db rgb(67,145,219) hsl(209,68%,56%)
#2d85d7 rgb(45,133,215) hsl(209,68%,51%)
#2678c5 rgb(38,120,197) hsl(209,68%,46%)
#216bb0 rgb(33,107,176) hsl(209,68%,41%)
#1d5e9a rgb(29,94,154) hsl(209,68%,36%)
#195185 rgb(25,81,133) hsl(209,68%,31%)
#15446f rgb(21,68,111) hsl(209,68%,26%)
#11375a rgb(17,55,90) hsl(209,68%,21%)
#0d2a45 rgb(13,42,69) hsl(209,68%,16%)
#091d2f rgb(9,29,47) hsl(209,68%,11%)
#05101a rgb(5,16,26) hsl(209,68%,6%)
#010304 rgb(1,3,4) hsl(209,68%,1%)

Adjacent colors

HEX RGB HSL
#22B096 rgb(34,176,150) hsl(169,68%,41%)
#226BB0 rgb(34,107,176) hsl(209,68%,41%)
#3721B0 rgb(55,33,176) hsl(249,68%,41%)

Monochromatic colors

HEX RGB HSL
#3B8CD9 rgb(59,140,217) hsl(209,68%,54%)
#277DCC rgb(39,125,204) hsl(209,68%,48%)
#226BB0 rgb(34,107,176) hsl(209,68%,41%)
#1C5993 rgb(28,89,147) hsl(209,68%,34%)
#174A77 rgb(23,74,119) hsl(208,68%,28%)
#11385B rgb(17,56,91) hsl(208,69%,21%)

Triad color palettes

HEX RGB HSL
#226BB0 rgb(34,107,176) hsl(209,68%,41%)
#B02124 rgb(176,33,36) hsl(359,68%,41%)
#B0AD22 rgb(176,173,34) hsl(59,68%,41%)

Tetrad color palettes

HEX RGB HSL
#226BB0 rgb(34,107,176) hsl(209,68%,41%)
#B06622 rgb(176,102,34) hsl(29,68%,41%)
#22B0AE rgb(34,176,174) hsl(179,68%,41%)
#B0AD22 rgb(176,173,34) hsl(59,68%,41%)