HEX #225CA3 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

225CA3 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(213,65%,99%)
#e6effa rgb(230,239,250) hsl(213,65%,94%)
#d1e1f5 rgb(209,225,245) hsl(213,65%,89%)
#bcd4f1 rgb(188,212,241) hsl(213,65%,84%)
#a7c6ec rgb(167,198,236) hsl(213,65%,79%)
#92b8e8 rgb(146,184,232) hsl(213,65%,74%)
#7dabe3 rgb(125,171,227) hsl(213,65%,69%)
#689ddf rgb(104,157,223) hsl(213,65%,64%)
#5290da rgb(82,144,218) hsl(213,65%,59%)
#3d82d6 rgb(61,130,214) hsl(213,65%,54%)
#2c75ce rgb(44,117,206) hsl(213,65%,49%)
#2769b9 rgb(39,105,185) hsl(213,65%,44%)
#235da4 rgb(35,93,164) hsl(213,65%,39%)
#1e518f rgb(30,81,143) hsl(213,65%,34%)
#1a457a rgb(26,69,122) hsl(213,65%,29%)
#153965 rgb(21,57,101) hsl(213,65%,24%)
#112d50 rgb(17,45,80) hsl(213,65%,19%)
#0c213b rgb(12,33,59) hsl(213,65%,14%)
#081526 rgb(8,21,38) hsl(213,65%,9%)
#040a11 rgb(4,10,17) hsl(213,65%,4%)

Adjacent colors

HEX RGB HSL
#22A394 rgb(34,163,148) hsl(173,65%,39%)
#225CA3 rgb(34,92,163) hsl(213,65%,39%)
#3E21A3 rgb(62,33,163) hsl(253,66%,38%)

Monochromatic colors

HEX RGB HSL
#276BBD rgb(39,107,189) hsl(213,66%,45%)
#225CA3 rgb(34,92,163) hsl(213,65%,39%)
#1C4D88 rgb(28,77,136) hsl(213,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
#225CA3 rgb(34,92,163) hsl(213,65%,39%)
#A32922 rgb(163,41,34) hsl(3,65%,39%)
#9CA322 rgb(156,163,34) hsl(63,65%,39%)

Tetrad color palettes

HEX RGB HSL
#225CA3 rgb(34,92,163) hsl(213,65%,39%)
#A36922 rgb(163,105,34) hsl(33,65%,39%)
#229CA3 rgb(34,156,163) hsl(183,65%,39%)
#9CA322 rgb(156,163,34) hsl(63,65%,39%)