HEX #226BA3 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226BA3 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(206,65%,99%)
#e6f1fa rgb(230,241,250) hsl(206,65%,94%)
#d1e5f5 rgb(209,229,245) hsl(206,65%,89%)
#bcdaf1 rgb(188,218,241) hsl(206,65%,84%)
#a7ceec rgb(167,206,236) hsl(206,65%,79%)
#92c2e8 rgb(146,194,232) hsl(206,65%,74%)
#7db7e3 rgb(125,183,227) hsl(206,65%,69%)
#68abdf rgb(104,171,223) hsl(206,65%,64%)
#52a0da rgb(82,160,218) hsl(206,65%,59%)
#3d94d6 rgb(61,148,214) hsl(206,65%,54%)
#2c88ce rgb(44,136,206) hsl(206,65%,49%)
#277ab9 rgb(39,122,185) hsl(206,65%,44%)
#236ca4 rgb(35,108,164) hsl(206,65%,39%)
#1e5e8f rgb(30,94,143) hsl(206,65%,34%)
#1a507a rgb(26,80,122) hsl(206,65%,29%)
#154365 rgb(21,67,101) hsl(206,65%,24%)
#113550 rgb(17,53,80) hsl(206,65%,19%)
#0c273b rgb(12,39,59) hsl(206,65%,14%)
#081926 rgb(8,25,38) hsl(206,65%,9%)
#040b11 rgb(4,11,17) hsl(206,65%,4%)

Adjacent colors

HEX RGB HSL
#22A385 rgb(34,163,133) hsl(166,65%,39%)
#226BA3 rgb(34,107,163) hsl(206,65%,39%)
#2F21A3 rgb(47,33,163) hsl(246,66%,38%)

Monochromatic colors

HEX RGB HSL
#277DBD rgb(39,125,189) hsl(206,66%,45%)
#226BA3 rgb(34,107,163) hsl(206,65%,39%)
#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
#226BA3 rgb(34,107,163) hsl(206,65%,39%)
#A3212A rgb(163,33,42) hsl(356,66%,38%)
#A39C22 rgb(163,156,34) hsl(57,65%,39%)

Tetrad color palettes

HEX RGB HSL
#226BA3 rgb(34,107,163) hsl(206,65%,39%)
#A35922 rgb(163,89,34) hsl(26,65%,39%)
#22A39A rgb(34,163,154) hsl(176,65%,39%)
#A39C22 rgb(163,156,34) hsl(57,65%,39%)