HEX #226399 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226399 color palette from light to dark

HEX RGB HSL
#f2f8fc rgb(242,248,252) hsl(207,64%,97%)
#deecf8 rgb(222,236,248) hsl(207,64%,92%)
#c9e0f3 rgb(201,224,243) hsl(207,64%,87%)
#b4d4ee rgb(180,212,238) hsl(207,64%,82%)
#9fc8ea rgb(159,200,234) hsl(207,64%,77%)
#8abce5 rgb(138,188,229) hsl(207,64%,72%)
#75b0e1 rgb(117,176,225) hsl(207,64%,67%)
#60a4dc rgb(96,164,220) hsl(207,64%,62%)
#4b98d8 rgb(75,152,216) hsl(207,64%,57%)
#368cd3 rgb(54,140,211) hsl(207,64%,52%)
#2b80c5 rgb(43,128,197) hsl(207,64%,47%)
#2772b0 rgb(39,114,176) hsl(207,64%,42%)
#22649b rgb(34,100,155) hsl(207,64%,37%)
#1d5786 rgb(29,87,134) hsl(207,64%,32%)
#194971 rgb(25,73,113) hsl(207,64%,27%)
#143c5c rgb(20,60,92) hsl(207,64%,22%)
#102e47 rgb(16,46,71) hsl(207,64%,17%)
#0b2132 rgb(11,33,50) hsl(207,64%,12%)
#06131d rgb(6,19,29) hsl(207,64%,7%)
#020508 rgb(2,5,8) hsl(207,64%,2%)

Adjacent colors

HEX RGB HSL
#22997F rgb(34,153,127) hsl(167,64%,37%)
#226399 rgb(34,99,153) hsl(207,64%,37%)
#302199 rgb(48,33,153) hsl(248,65%,36%)

Monochromatic colors

HEX RGB HSL
#2773B1 rgb(39,115,177) hsl(207,64%,42%)
#226399 rgb(34,99,153) hsl(207,64%,37%)
#1C5480 rgb(28,84,128) hsl(206,64%,31%)
#174268 rgb(23,66,104) hsl(208,64%,25%)
#11334F rgb(17,51,79) hsl(207,65%,19%)
#0C2437 rgb(12,36,55) hsl(207,64%,13%)

Triad color palettes

HEX RGB HSL
#226399 rgb(34,99,153) hsl(207,64%,37%)
#992127 rgb(153,33,39) hsl(357,65%,36%)
#999422 rgb(153,148,34) hsl(57,64%,37%)

Tetrad color palettes

HEX RGB HSL
#226399 rgb(34,99,153) hsl(207,64%,37%)
#995922 rgb(153,89,34) hsl(28,64%,37%)
#229993 rgb(34,153,147) hsl(177,64%,37%)
#999422 rgb(153,148,34) hsl(57,64%,37%)