HEX #2269A2 color — Matisse

The color #2269A2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2269A2 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(207,65%,98%)
#e2eef9 rgb(226,238,249) hsl(207,65%,93%)
#cde2f4 rgb(205,226,244) hsl(207,65%,88%)
#b7d6f0 rgb(183,214,240) hsl(207,65%,83%)
#a2cbeb rgb(162,203,235) hsl(207,65%,78%)
#8dbfe7 rgb(141,191,231) hsl(207,65%,73%)
#78b3e2 rgb(120,179,226) hsl(207,65%,68%)
#63a7de rgb(99,167,222) hsl(207,65%,63%)
#4e9bda rgb(78,155,218) hsl(207,65%,58%)
#398fd5 rgb(57,143,213) hsl(207,65%,53%)
#2b82ca rgb(43,130,202) hsl(207,65%,48%)
#2675b5 rgb(38,117,181) hsl(207,65%,43%)
#2267a0 rgb(34,103,160) hsl(207,65%,38%)
#1d5a8b rgb(29,90,139) hsl(207,65%,33%)
#194c76 rgb(25,76,118) hsl(207,65%,28%)
#153e61 rgb(21,62,97) hsl(207,65%,23%)
#10314c rgb(16,49,76) hsl(207,65%,18%)
#0c2337 rgb(12,35,55) hsl(207,65%,13%)
#071622 rgb(7,22,34) hsl(207,65%,8%)
#03080d rgb(3,8,13) hsl(207,65%,3%)

Adjacent colors

HEX RGB HSL
#22A385 rgb(34,163,133) hsl(166,65%,39%)
#2269A2 rgb(34,105,162) hsl(207,65%,38%)
#3021A2 rgb(48,33,162) hsl(247,66%,38%)

Monochromatic colors

HEX RGB HSL
#277ABB rgb(39,122,187) hsl(206,65%,44%)
#2269A2 rgb(34,105,162) hsl(207,65%,38%)
#1C5988 rgb(28,89,136) hsl(206,66%,32%)
#17476E rgb(23,71,110) hsl(207,65%,26%)
#113654 rgb(17,54,84) hsl(207,66%,20%)
#0C263A rgb(12,38,58) hsl(206,66%,14%)

Triad color palettes

HEX RGB HSL
#2269A2 rgb(34,105,162) hsl(207,65%,38%)
#A22129 rgb(162,33,41) hsl(356,66%,38%)
#A29C22 rgb(162,156,34) hsl(57,65%,38%)

Tetrad color palettes

HEX RGB HSL
#2269A2 rgb(34,105,162) hsl(207,65%,38%)
#A25C22 rgb(162,92,34) hsl(27,65%,38%)
#22A39B rgb(34,163,155) hsl(176,65%,39%)
#A29C22 rgb(162,156,34) hsl(57,65%,38%)