HEX #226E9B color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226e9b color palette from light to dark

HEX RGB HSL
#f2f9fc rgb(242,249,252) hsl(202,64%,97%)
#deeef8 rgb(222,238,248) hsl(202,64%,92%)
#c9e4f3 rgb(201,228,243) hsl(202,64%,87%)
#b4d9ee rgb(180,217,238) hsl(202,64%,82%)
#9fceea rgb(159,206,234) hsl(202,64%,77%)
#8ac4e5 rgb(138,196,229) hsl(202,64%,72%)
#75b9e1 rgb(117,185,225) hsl(202,64%,67%)
#60afdc rgb(96,175,220) hsl(202,64%,62%)
#4ba4d8 rgb(75,164,216) hsl(202,64%,57%)
#3699d3 rgb(54,153,211) hsl(202,64%,52%)
#2b8cc5 rgb(43,140,197) hsl(202,64%,47%)
#277db0 rgb(39,125,176) hsl(202,64%,42%)
#226e9b rgb(34,110,155) hsl(202,64%,37%)
#1d6086 rgb(29,96,134) hsl(202,64%,32%)
#195171 rgb(25,81,113) hsl(202,64%,27%)
#14425c rgb(20,66,92) hsl(202,64%,22%)
#103347 rgb(16,51,71) hsl(202,64%,17%)
#0b2432 rgb(11,36,50) hsl(202,64%,12%)
#06151d rgb(6,21,29) hsl(202,64%,7%)
#020608 rgb(2,6,8) hsl(202,64%,2%)

Adjacent colors

HEX RGB HSL
#229C77 rgb(34,156,119) hsl(162,64%,37%)
#226E9B rgb(34,110,155) hsl(202,64%,37%)
#26219B rgb(38,33,155) hsl(242,65%,37%)

Monochromatic colors

HEX RGB HSL
#2780B3 rgb(39,128,179) hsl(202,64%,43%)
#226E9B rgb(34,110,155) hsl(202,64%,37%)
#1C5C82 rgb(28,92,130) hsl(202,65%,31%)
#174A69 rgb(23,74,105) hsl(203,64%,25%)
#113850 rgb(17,56,80) hsl(203,65%,19%)
#0C2937 rgb(12,41,55) hsl(200,64%,13%)

Triad color palettes

HEX RGB HSL
#226E9B rgb(34,110,155) hsl(202,64%,37%)
#9B2131 rgb(155,33,49) hsl(352,65%,37%)
#9B8C22 rgb(155,140,34) hsl(53,64%,37%)

Tetrad color palettes

HEX RGB HSL
#226E9B rgb(34,110,155) hsl(202,64%,37%)
#9B4F22 rgb(155,79,34) hsl(22,64%,37%)
#229C8B rgb(34,156,139) hsl(172,64%,37%)
#9B8C22 rgb(155,140,34) hsl(53,64%,37%)