HEX #2269A5 color — Matisse

The color #2269A5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2269A5 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(207,66%,99%)
#e6f1fa rgb(230,241,250) hsl(207,66%,94%)
#d0e5f5 rgb(208,229,245) hsl(207,66%,89%)
#bbd9f1 rgb(187,217,241) hsl(207,66%,84%)
#a6cded rgb(166,205,237) hsl(207,66%,79%)
#91c1e8 rgb(145,193,232) hsl(207,66%,74%)
#7cb5e4 rgb(124,181,228) hsl(207,66%,69%)
#67a9e0 rgb(103,169,224) hsl(207,66%,64%)
#519ddb rgb(81,157,219) hsl(207,66%,59%)
#3c91d7 rgb(60,145,215) hsl(207,66%,54%)
#2a85cf rgb(42,133,207) hsl(207,66%,49%)
#2678ba rgb(38,120,186) hsl(207,66%,44%)
#226aa5 rgb(34,106,165) hsl(207,66%,39%)
#1d5c90 rgb(29,92,144) hsl(207,66%,34%)
#194f7b rgb(25,79,123) hsl(207,66%,29%)
#154166 rgb(21,65,102) hsl(207,66%,24%)
#103450 rgb(16,52,80) hsl(207,66%,19%)
#0c263b rgb(12,38,59) hsl(207,66%,14%)
#081826 rgb(8,24,38) hsl(207,66%,9%)
#030b11 rgb(3,11,17) hsl(207,66%,4%)

Adjacent colors

HEX RGB HSL
#22A689 rgb(34,166,137) hsl(167,66%,39%)
#2269A5 rgb(34,105,165) hsl(207,66%,39%)
#3221A5 rgb(50,33,165) hsl(248,67%,39%)

Monochromatic colors

HEX RGB HSL
#277ABF rgb(39,122,191) hsl(207,66%,45%)
#2269A5 rgb(34,105,165) hsl(207,66%,39%)
#1C598A rgb(28,89,138) hsl(207,66%,33%)
#174770 rgb(23,71,112) hsl(208,66%,26%)
#113655 rgb(17,54,85) hsl(207,67%,20%)
#0C263B rgb(12,38,59) hsl(207,66%,14%)

Triad color palettes

HEX RGB HSL
#2269A5 rgb(34,105,165) hsl(207,66%,39%)
#A52127 rgb(165,33,39) hsl(357,67%,39%)
#A5A122 rgb(165,161,34) hsl(58,66%,39%)

Tetrad color palettes

HEX RGB HSL
#2269A5 rgb(34,105,165) hsl(207,66%,39%)
#A55E22 rgb(165,94,34) hsl(27,66%,39%)
#22A69F rgb(34,166,159) hsl(177,66%,39%)
#A5A122 rgb(165,161,34) hsl(58,66%,39%)