HEX #2277A5 color — Matisse

The color #2277a5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2277a5 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(201,66%,99%)
#e6f3fa rgb(230,243,250) hsl(201,66%,94%)
#d0e9f5 rgb(208,233,245) hsl(201,66%,89%)
#bbdef1 rgb(187,222,241) hsl(201,66%,84%)
#a6d4ed rgb(166,212,237) hsl(201,66%,79%)
#91cae8 rgb(145,202,232) hsl(201,66%,74%)
#7cc0e4 rgb(124,192,228) hsl(201,66%,69%)
#67b5e0 rgb(103,181,224) hsl(201,66%,64%)
#51abdb rgb(81,171,219) hsl(201,66%,59%)
#3ca1d7 rgb(60,161,215) hsl(201,66%,54%)
#2a96cf rgb(42,150,207) hsl(201,66%,49%)
#2686ba rgb(38,134,186) hsl(201,66%,44%)
#2277a5 rgb(34,119,165) hsl(201,66%,39%)
#1d6890 rgb(29,104,144) hsl(201,66%,34%)
#19597b rgb(25,89,123) hsl(201,66%,29%)
#154966 rgb(21,73,102) hsl(201,66%,24%)
#103a50 rgb(16,58,80) hsl(201,66%,19%)
#0c2b3b rgb(12,43,59) hsl(201,66%,14%)
#081b26 rgb(8,27,38) hsl(201,66%,9%)
#030c11 rgb(3,12,17) hsl(201,66%,4%)

Adjacent colors

HEX RGB HSL
#22A67B rgb(34,166,123) hsl(160,66%,39%)
#2277A5 rgb(34,119,165) hsl(201,66%,39%)
#2421A5 rgb(36,33,165) hsl(241,67%,39%)

Monochromatic colors

HEX RGB HSL
#278ABF rgb(39,138,191) hsl(201,66%,45%)
#2277A5 rgb(34,119,165) hsl(201,66%,39%)
#1C638A rgb(28,99,138) hsl(201,66%,33%)
#175270 rgb(23,82,112) hsl(200,66%,26%)
#113D55 rgb(17,61,85) hsl(201,67%,20%)
#0C2B3B rgb(12,43,59) hsl(200,66%,14%)

Triad color palettes

HEX RGB HSL
#2277A5 rgb(34,119,165) hsl(201,66%,39%)
#A52135 rgb(165,33,53) hsl(351,67%,39%)
#A59122 rgb(165,145,34) hsl(51,66%,39%)

Tetrad color palettes

HEX RGB HSL
#2277A5 rgb(34,119,165) hsl(201,66%,39%)
#A54F22 rgb(165,79,34) hsl(21,66%,39%)
#22A691 rgb(34,166,145) hsl(170,66%,39%)
#A59122 rgb(165,145,34) hsl(51,66%,39%)