HEX #225FA5 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

225fa5 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(212,66%,99%)
#e6effa rgb(230,239,250) hsl(212,66%,94%)
#d0e2f5 rgb(208,226,245) hsl(212,66%,89%)
#bbd4f1 rgb(187,212,241) hsl(212,66%,84%)
#a6c7ed rgb(166,199,237) hsl(212,66%,79%)
#91bae8 rgb(145,186,232) hsl(212,66%,74%)
#7cace4 rgb(124,172,228) hsl(212,66%,69%)
#679fe0 rgb(103,159,224) hsl(212,66%,64%)
#5192db rgb(81,146,219) hsl(212,66%,59%)
#3c85d7 rgb(60,133,215) hsl(212,66%,54%)
#2a77cf rgb(42,119,207) hsl(212,66%,49%)
#266bba rgb(38,107,186) hsl(212,66%,44%)
#225fa5 rgb(34,95,165) hsl(212,66%,39%)
#1d5390 rgb(29,83,144) hsl(212,66%,34%)
#19477b rgb(25,71,123) hsl(212,66%,29%)
#153b66 rgb(21,59,102) hsl(212,66%,24%)
#102e50 rgb(16,46,80) hsl(212,66%,19%)
#0c223b rgb(12,34,59) hsl(212,66%,14%)
#081626 rgb(8,22,38) hsl(212,66%,9%)
#030a11 rgb(3,10,17) hsl(212,66%,4%)

Adjacent colors

HEX RGB HSL
#22A693 rgb(34,166,147) hsl(171,66%,39%)
#225FA5 rgb(34,95,165) hsl(212,66%,39%)
#3C21A5 rgb(60,33,165) hsl(252,67%,39%)

Monochromatic colors

HEX RGB HSL
#276EBF rgb(39,110,191) hsl(212,66%,45%)
#225FA5 rgb(34,95,165) hsl(212,66%,39%)
#1C4F8A rgb(28,79,138) hsl(212,66%,33%)
#174070 rgb(23,64,112) hsl(212,66%,26%)
#113055 rgb(17,48,85) hsl(213,67%,20%)
#0C213B rgb(12,33,59) hsl(213,66%,14%)

Triad color palettes

HEX RGB HSL
#225FA5 rgb(34,95,165) hsl(212,66%,39%)
#A52622 rgb(165,38,34) hsl(2,66%,39%)
#A0A622 rgb(160,166,34) hsl(63,66%,39%)

Tetrad color palettes

HEX RGB HSL
#225FA5 rgb(34,95,165) hsl(212,66%,39%)
#A56922 rgb(165,105,34) hsl(33,66%,39%)
#22A1A5 rgb(34,161,165) hsl(182,66%,39%)
#A0A622 rgb(160,166,34) hsl(63,66%,39%)