HEX #226BA6 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226BA6 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
#22A689 rgb(34,166,137) hsl(167,66%,39%)
#226BA6 rgb(34,107,166) hsl(207,66%,39%)
#3121A6 rgb(49,33,166) hsl(247,67%,39%)

Monochromatic colors

HEX RGB HSL
#277DC0 rgb(39,125,192) hsl(206,66%,45%)
#226BA6 rgb(34,107,166) hsl(207,66%,39%)
#1C598B rgb(28,89,139) hsl(207,66%,33%)
#174A70 rgb(23,74,112) hsl(206,66%,26%)
#113856 rgb(17,56,86) hsl(206,67%,20%)
#0C263B rgb(12,38,59) hsl(207,66%,14%)

Triad color palettes

HEX RGB HSL
#226BA6 rgb(34,107,166) hsl(207,66%,39%)
#A62129 rgb(166,33,41) hsl(356,67%,39%)
#A69E22 rgb(166,158,34) hsl(56,66%,39%)

Tetrad color palettes

HEX RGB HSL
#226BA6 rgb(34,107,166) hsl(207,66%,39%)
#A65C22 rgb(166,92,34) hsl(26,66%,39%)
#22A69F rgb(34,166,159) hsl(177,66%,39%)
#A69E22 rgb(166,158,34) hsl(56,66%,39%)