HEX #225BA5 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

225ba5 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(214,66%,99%)
#e6eefa rgb(230,238,250) hsl(214,66%,94%)
#d0e0f5 rgb(208,224,245) hsl(214,66%,89%)
#bbd3f1 rgb(187,211,241) hsl(214,66%,84%)
#a6c5ed rgb(166,197,237) hsl(214,66%,79%)
#91b7e8 rgb(145,183,232) hsl(214,66%,74%)
#7ca9e4 rgb(124,169,228) hsl(214,66%,69%)
#679be0 rgb(103,155,224) hsl(214,66%,64%)
#518ddb rgb(81,141,219) hsl(214,66%,59%)
#3c7fd7 rgb(60,127,215) hsl(214,66%,54%)
#2a72cf rgb(42,114,207) hsl(214,66%,49%)
#2666ba rgb(38,102,186) hsl(214,66%,44%)
#225ba5 rgb(34,91,165) hsl(214,66%,39%)
#1d4f90 rgb(29,79,144) hsl(214,66%,34%)
#19437b rgb(25,67,123) hsl(214,66%,29%)
#153866 rgb(21,56,102) hsl(214,66%,24%)
#102c50 rgb(16,44,80) hsl(214,66%,19%)
#0c213b rgb(12,33,59) hsl(214,66%,14%)
#081526 rgb(8,21,38) hsl(214,66%,9%)
#030911 rgb(3,9,17) hsl(214,66%,4%)

Adjacent colors

HEX RGB HSL
#22A697 rgb(34,166,151) hsl(173,66%,39%)
#225BA5 rgb(34,91,165) hsl(214,66%,39%)
#4021A5 rgb(64,33,165) hsl(254,67%,39%)

Monochromatic colors

HEX RGB HSL
#2769BF rgb(39,105,191) hsl(214,66%,45%)
#225BA5 rgb(34,91,165) hsl(214,66%,39%)
#1C4D8A rgb(28,77,138) hsl(213,66%,33%)
#173D70 rgb(23,61,112) hsl(214,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
#225BA5 rgb(34,91,165) hsl(214,66%,39%)
#A52B22 rgb(165,43,34) hsl(4,66%,39%)
#9CA622 rgb(156,166,34) hsl(65,66%,39%)

Tetrad color palettes

HEX RGB HSL
#225BA5 rgb(34,91,165) hsl(214,66%,39%)
#A56B22 rgb(165,107,34) hsl(33,66%,39%)
#229CA5 rgb(34,156,165) hsl(184,66%,39%)
#9CA622 rgb(156,166,34) hsl(65,66%,39%)