HEX #226699 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

226699 color palette from light to dark

HEX RGB HSL
#f2f8fc rgb(242,248,252) hsl(206,64%,97%)
#deecf8 rgb(222,236,248) hsl(206,64%,92%)
#c9e1f3 rgb(201,225,243) hsl(206,64%,87%)
#b4d5ee rgb(180,213,238) hsl(206,64%,82%)
#9fc9ea rgb(159,201,234) hsl(206,64%,77%)
#8abee5 rgb(138,190,229) hsl(206,64%,72%)
#75b2e1 rgb(117,178,225) hsl(206,64%,67%)
#60a6dc rgb(96,166,220) hsl(206,64%,62%)
#4b9bd8 rgb(75,155,216) hsl(206,64%,57%)
#368fd3 rgb(54,143,211) hsl(206,64%,52%)
#2b82c5 rgb(43,130,197) hsl(206,64%,47%)
#2774b0 rgb(39,116,176) hsl(206,64%,42%)
#22669b rgb(34,102,155) hsl(206,64%,37%)
#1d5986 rgb(29,89,134) hsl(206,64%,32%)
#194b71 rgb(25,75,113) hsl(206,64%,27%)
#143d5c rgb(20,61,92) hsl(206,64%,22%)
#102f47 rgb(16,47,71) hsl(206,64%,17%)
#0b2132 rgb(11,33,50) hsl(206,64%,12%)
#06131d rgb(6,19,29) hsl(206,64%,7%)
#020608 rgb(2,6,8) hsl(206,64%,2%)

Adjacent colors

HEX RGB HSL
#22997C rgb(34,153,124) hsl(165,64%,37%)
#226699 rgb(34,102,153) hsl(206,64%,37%)
#2D2199 rgb(45,33,153) hsl(246,65%,36%)

Monochromatic colors

HEX RGB HSL
#2775B1 rgb(39,117,177) hsl(206,64%,42%)
#226699 rgb(34,102,153) hsl(206,64%,37%)
#1C5780 rgb(28,87,128) hsl(205,64%,31%)
#174568 rgb(23,69,104) hsl(206,64%,25%)
#11364F rgb(17,54,79) hsl(204,65%,19%)
#0C2437 rgb(12,36,55) hsl(207,64%,13%)

Triad color palettes

HEX RGB HSL
#226699 rgb(34,102,153) hsl(206,64%,37%)
#99212A rgb(153,33,42) hsl(356,65%,36%)
#999122 rgb(153,145,34) hsl(56,64%,37%)

Tetrad color palettes

HEX RGB HSL
#226699 rgb(34,102,153) hsl(206,64%,37%)
#995422 rgb(153,84,34) hsl(25,64%,37%)
#229990 rgb(34,153,144) hsl(175,64%,37%)
#999122 rgb(153,145,34) hsl(56,64%,37%)