HEX #225E9D color — Matisse

The color #225E9D is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

225E9D color palette from light to dark

HEX RGB HSL
#f2f7fc rgb(242,247,252) hsl(211,64%,97%)
#deeaf8 rgb(222,234,248) hsl(211,64%,92%)
#c9ddf3 rgb(201,221,243) hsl(211,64%,87%)
#b4d0ee rgb(180,208,238) hsl(211,64%,82%)
#9fc3ea rgb(159,195,234) hsl(211,64%,77%)
#8ab6e5 rgb(138,182,229) hsl(211,64%,72%)
#75a9e1 rgb(117,169,225) hsl(211,64%,67%)
#609cdc rgb(96,156,220) hsl(211,64%,62%)
#4b8fd8 rgb(75,143,216) hsl(211,64%,57%)
#3682d3 rgb(54,130,211) hsl(211,64%,52%)
#2b75c5 rgb(43,117,197) hsl(211,64%,47%)
#2769b0 rgb(39,105,176) hsl(211,64%,42%)
#225c9b rgb(34,92,155) hsl(211,64%,37%)
#1d5086 rgb(29,80,134) hsl(211,64%,32%)
#194371 rgb(25,67,113) hsl(211,64%,27%)
#14375c rgb(20,55,92) hsl(211,64%,22%)
#102a47 rgb(16,42,71) hsl(211,64%,17%)
#0b1e32 rgb(11,30,50) hsl(211,64%,12%)
#06111d rgb(6,17,29) hsl(211,64%,7%)
#020508 rgb(2,5,8) hsl(211,64%,2%)

Adjacent colors

HEX RGB HSL
#229E8A rgb(34,158,138) hsl(170,65%,38%)
#225E9D rgb(34,94,157) hsl(211,64%,37%)
#38219D rgb(56,33,157) hsl(251,65%,37%)

Monochromatic colors

HEX RGB HSL
#276EB6 rgb(39,110,182) hsl(210,65%,43%)
#225E9D rgb(34,94,157) hsl(211,64%,37%)
#1C4F83 rgb(28,79,131) hsl(210,65%,31%)
#17406A rgb(23,64,106) hsl(210,64%,25%)
#113051 rgb(17,48,81) hsl(211,65%,19%)
#0C2138 rgb(12,33,56) hsl(211,65%,13%)

Triad color palettes

HEX RGB HSL
#225E9D rgb(34,94,157) hsl(211,64%,37%)
#9D2422 rgb(157,36,34) hsl(1,64%,37%)
#9B9E22 rgb(155,158,34) hsl(61,65%,38%)

Tetrad color palettes

HEX RGB HSL
#225E9D rgb(34,94,157) hsl(211,64%,37%)
#9D6122 rgb(157,97,34) hsl(31,64%,37%)
#229C9D rgb(34,156,157) hsl(180,64%,37%)
#9B9E22 rgb(155,158,34) hsl(61,65%,38%)