HEX #225C99 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

225C99 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
#229986 rgb(34,153,134) hsl(170,64%,37%)
#225C99 rgb(34,92,153) hsl(211,64%,37%)
#372199 rgb(55,33,153) hsl(251,65%,36%)

Monochromatic colors

HEX RGB HSL
#276BB1 rgb(39,107,177) hsl(210,64%,42%)
#225C99 rgb(34,92,153) hsl(211,64%,37%)
#1C4D80 rgb(28,77,128) hsl(211,64%,31%)
#174068 rgb(23,64,104) hsl(210,64%,25%)
#11304F rgb(17,48,79) hsl(210,65%,19%)
#0C2137 rgb(12,33,55) hsl(211,64%,13%)

Triad color palettes

HEX RGB HSL
#225C99 rgb(34,92,153) hsl(211,64%,37%)
#992422 rgb(153,36,34) hsl(1,64%,37%)
#979922 rgb(151,153,34) hsl(61,64%,37%)

Tetrad color palettes

HEX RGB HSL
#225C99 rgb(34,92,153) hsl(211,64%,37%)
#995E22 rgb(153,94,34) hsl(30,64%,37%)
#229699 rgb(34,150,153) hsl(182,64%,37%)
#979922 rgb(151,153,34) hsl(61,64%,37%)