HEX #225EA3 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

225EA3 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(212,65%,99%)
#e6effa rgb(230,239,250) hsl(212,65%,94%)
#d1e2f5 rgb(209,226,245) hsl(212,65%,89%)
#bcd4f1 rgb(188,212,241) hsl(212,65%,84%)
#a7c7ec rgb(167,199,236) hsl(212,65%,79%)
#92bae8 rgb(146,186,232) hsl(212,65%,74%)
#7dade3 rgb(125,173,227) hsl(212,65%,69%)
#689fdf rgb(104,159,223) hsl(212,65%,64%)
#5292da rgb(82,146,218) hsl(212,65%,59%)
#3d85d6 rgb(61,133,214) hsl(212,65%,54%)
#2c78ce rgb(44,120,206) hsl(212,65%,49%)
#276bb9 rgb(39,107,185) hsl(212,65%,44%)
#235fa4 rgb(35,95,164) hsl(212,65%,39%)
#1e538f rgb(30,83,143) hsl(212,65%,34%)
#1a477a rgb(26,71,122) hsl(212,65%,29%)
#153b65 rgb(21,59,101) hsl(212,65%,24%)
#112e50 rgb(17,46,80) hsl(212,65%,19%)
#0c223b rgb(12,34,59) hsl(212,65%,14%)
#081626 rgb(8,22,38) hsl(212,65%,9%)
#040a11 rgb(4,10,17) hsl(212,65%,4%)

Adjacent colors

HEX RGB HSL
#22A392 rgb(34,163,146) hsl(172,65%,39%)
#225EA3 rgb(34,94,163) hsl(212,65%,39%)
#3C21A3 rgb(60,33,163) hsl(252,66%,38%)

Monochromatic colors

HEX RGB HSL
#276EBD rgb(39,110,189) hsl(212,66%,45%)
#225EA3 rgb(34,94,163) hsl(212,65%,39%)
#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
#225EA3 rgb(34,94,163) hsl(212,65%,39%)
#A32622 rgb(163,38,34) hsl(2,65%,39%)
#9EA322 rgb(158,163,34) hsl(62,65%,39%)

Tetrad color palettes

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