HEX #226196 color — Matisse

The color #226196 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

226196 color palette from light to dark

HEX RGB HSL
#eef5fb rgb(238,245,251) hsl(207,63%,96%)
#dae9f7 rgb(218,233,247) hsl(207,63%,91%)
#c5def2 rgb(197,222,242) hsl(207,63%,86%)
#b0d2ed rgb(176,210,237) hsl(207,63%,81%)
#9bc6e8 rgb(155,198,232) hsl(207,63%,76%)
#86bae4 rgb(134,186,228) hsl(207,63%,71%)
#72aedf rgb(114,174,223) hsl(207,63%,66%)
#5da2da rgb(93,162,218) hsl(207,63%,61%)
#4896d5 rgb(72,150,213) hsl(207,63%,56%)
#338ad1 rgb(51,138,209) hsl(207,63%,51%)
#2b7dbf rgb(43,125,191) hsl(207,63%,46%)
#276faa rgb(39,111,170) hsl(207,63%,41%)
#226296 rgb(34,98,150) hsl(207,63%,36%)
#1d5481 rgb(29,84,129) hsl(207,63%,31%)
#19466c rgb(25,70,108) hsl(207,63%,26%)
#143957 rgb(20,57,87) hsl(207,63%,21%)
#0f2b43 rgb(15,43,67) hsl(207,63%,16%)
#0a1e2e rgb(10,30,46) hsl(207,63%,11%)
#061019 rgb(6,16,25) hsl(207,63%,6%)
#010304 rgb(1,3,4) hsl(207,63%,1%)

Adjacent colors

HEX RGB HSL
#22967D rgb(34,150,125) hsl(167,63%,36%)
#226196 rgb(34,97,150) hsl(207,63%,36%)
#302196 rgb(48,33,150) hsl(248,64%,36%)

Monochromatic colors

HEX RGB HSL
#2770AE rgb(39,112,174) hsl(208,63%,42%)
#226196 rgb(34,97,150) hsl(207,63%,36%)
#1C527E rgb(28,82,126) hsl(207,64%,30%)
#174266 rgb(23,66,102) hsl(207,63%,25%)
#11334E rgb(17,51,78) hsl(207,64%,19%)
#0C2436 rgb(12,36,54) hsl(206,64%,13%)

Triad color palettes

HEX RGB HSL
#226196 rgb(34,97,150) hsl(207,63%,36%)
#962127 rgb(150,33,39) hsl(357,64%,36%)
#969122 rgb(150,145,34) hsl(57,63%,36%)

Tetrad color palettes

HEX RGB HSL
#226196 rgb(34,97,150) hsl(207,63%,36%)
#965722 rgb(150,87,34) hsl(27,63%,36%)
#229691 rgb(34,150,145) hsl(177,63%,36%)
#969122 rgb(150,145,34) hsl(57,63%,36%)