HEX #226BA7 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226BA7 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(207,66%,99%)
#e6f1fa rgb(230,241,250) hsl(207,66%,94%)
#d0e5f5 rgb(208,229,245) hsl(207,66%,89%)
#bbd9f1 rgb(187,217,241) hsl(207,66%,84%)
#a6cded rgb(166,205,237) hsl(207,66%,79%)
#91c1e8 rgb(145,193,232) hsl(207,66%,74%)
#7cb5e4 rgb(124,181,228) hsl(207,66%,69%)
#67a9e0 rgb(103,169,224) hsl(207,66%,64%)
#519ddb rgb(81,157,219) hsl(207,66%,59%)
#3c91d7 rgb(60,145,215) hsl(207,66%,54%)
#2a85cf rgb(42,133,207) hsl(207,66%,49%)
#2678ba rgb(38,120,186) hsl(207,66%,44%)
#226aa5 rgb(34,106,165) hsl(207,66%,39%)
#1d5c90 rgb(29,92,144) hsl(207,66%,34%)
#194f7b rgb(25,79,123) hsl(207,66%,29%)
#154166 rgb(21,65,102) hsl(207,66%,24%)
#103450 rgb(16,52,80) hsl(207,66%,19%)
#0c263b rgb(12,38,59) hsl(207,66%,14%)
#081826 rgb(8,24,38) hsl(207,66%,9%)
#030b11 rgb(3,11,17) hsl(207,66%,4%)

Adjacent colors

HEX RGB HSL
#22A68A rgb(34,166,138) hsl(167,66%,39%)
#226BA7 rgb(34,107,167) hsl(207,66%,39%)
#3121A7 rgb(49,33,167) hsl(247,67%,39%)

Monochromatic colors

HEX RGB HSL
#277DC1 rgb(39,125,193) hsl(206,66%,45%)
#226BA7 rgb(34,107,167) hsl(207,66%,39%)
#1C598C rgb(28,89,140) hsl(207,67%,33%)
#174A71 rgb(23,74,113) hsl(206,66%,27%)
#113856 rgb(17,56,86) hsl(206,67%,20%)
#0C263C rgb(12,38,60) hsl(208,67%,14%)

Triad color palettes

HEX RGB HSL
#226BA7 rgb(34,107,167) hsl(207,66%,39%)
#A72128 rgb(167,33,40) hsl(357,67%,39%)
#A7A122 rgb(167,161,34) hsl(57,66%,39%)

Tetrad color palettes

HEX RGB HSL
#226BA7 rgb(34,107,167) hsl(207,66%,39%)
#A75E22 rgb(167,94,34) hsl(27,66%,39%)
#22A6A0 rgb(34,166,160) hsl(177,66%,39%)
#A7A122 rgb(167,161,34) hsl(57,66%,39%)