HEX #225EA2 color — Matisse

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

Color codes

Palette

225EA2 color palette from light to dark

HEX	RGB	HSL
#f7fafd	rgb(247,250,253)	hsl(212,65%,98%)
#e2ecf9	rgb(226,236,249)	hsl(212,65%,93%)
#cddff4	rgb(205,223,244)	hsl(212,65%,88%)
#b7d2f0	rgb(183,210,240)	hsl(212,65%,83%)
#a2c4eb	rgb(162,196,235)	hsl(212,65%,78%)
#8db7e7	rgb(141,183,231)	hsl(212,65%,73%)
#78aae2	rgb(120,170,226)	hsl(212,65%,68%)
#639dde	rgb(99,157,222)	hsl(212,65%,63%)
#4e8fda	rgb(78,143,218)	hsl(212,65%,58%)
#3982d5	rgb(57,130,213)	hsl(212,65%,53%)
#2b75ca	rgb(43,117,202)	hsl(212,65%,48%)
#2669b5	rgb(38,105,181)	hsl(212,65%,43%)
#225da0	rgb(34,93,160)	hsl(212,65%,38%)
#1d518b	rgb(29,81,139)	hsl(212,65%,33%)
#194476	rgb(25,68,118)	hsl(212,65%,28%)
#153861	rgb(21,56,97)	hsl(212,65%,23%)
#102c4c	rgb(16,44,76)	hsl(212,65%,18%)
#0c2037	rgb(12,32,55)	hsl(212,65%,13%)
#071422	rgb(7,20,34)	hsl(212,65%,8%)
#03070d	rgb(3,7,13)	hsl(212,65%,3%)

Adjacent colors

HEX	RGB	HSL
#22A390	rgb(34,163,144)	hsl(171,65%,39%)
#225EA2	rgb(34,94,162)	hsl(212,65%,38%)
#3B21A2	rgb(59,33,162)	hsl(252,66%,38%)

Monochromatic colors

HEX	RGB	HSL
#276EBB	rgb(39,110,187)	hsl(211,65%,44%)
#225EA2	rgb(34,94,162)	hsl(212,65%,38%)
#1C4F88	rgb(28,79,136)	hsl(212,66%,32%)
#17406E	rgb(23,64,110)	hsl(212,65%,26%)
#113054	rgb(17,48,84)	hsl(212,66%,20%)
#0C213A	rgb(12,33,58)	hsl(213,66%,14%)

Triad color palettes

HEX	RGB	HSL
#225EA2	rgb(34,94,162)	hsl(212,65%,38%)
#A22622	rgb(162,38,34)	hsl(2,65%,38%)
#9EA322	rgb(158,163,34)	hsl(62,65%,39%)

Tetrad color palettes

HEX	RGB	HSL
#225EA2	rgb(34,94,162)	hsl(212,65%,38%)
#A26622	rgb(162,102,34)	hsl(32,65%,38%)
#229EA2	rgb(34,158,162)	hsl(182,65%,38%)
#9EA322	rgb(158,163,34)	hsl(62,65%,39%)