HEX #2263A5 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

2263A5 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(210,66%,99%)
#e6f0fa rgb(230,240,250) hsl(210,66%,94%)
#d0e3f5 rgb(208,227,245) hsl(210,66%,89%)
#bbd6f1 rgb(187,214,241) hsl(210,66%,84%)
#a6c9ed rgb(166,201,237) hsl(210,66%,79%)
#91bde8 rgb(145,189,232) hsl(210,66%,74%)
#7cb0e4 rgb(124,176,228) hsl(210,66%,69%)
#67a3e0 rgb(103,163,224) hsl(210,66%,64%)
#5196db rgb(81,150,219) hsl(210,66%,59%)
#3c8ad7 rgb(60,138,215) hsl(210,66%,54%)
#2a7dcf rgb(42,125,207) hsl(210,66%,49%)
#2670ba rgb(38,112,186) hsl(210,66%,44%)
#2263a5 rgb(34,99,165) hsl(210,66%,39%)
#1d5790 rgb(29,87,144) hsl(210,66%,34%)
#194a7b rgb(25,74,123) hsl(210,66%,29%)
#153d66 rgb(21,61,102) hsl(210,66%,24%)
#103050 rgb(16,48,80) hsl(210,66%,19%)
#0c243b rgb(12,36,59) hsl(210,66%,14%)
#081726 rgb(8,23,38) hsl(210,66%,9%)
#030a11 rgb(3,10,17) hsl(210,66%,4%)

Adjacent colors

HEX RGB HSL
#22A68F rgb(34,166,143) hsl(170,66%,39%)
#2263A5 rgb(34,99,165) hsl(210,66%,39%)
#3821A5 rgb(56,33,165) hsl(250,67%,39%)

Monochromatic colors

HEX RGB HSL
#2773BF rgb(39,115,191) hsl(210,66%,45%)
#2263A5 rgb(34,99,165) hsl(210,66%,39%)
#1C548A rgb(28,84,138) hsl(209,66%,33%)
#174270 rgb(23,66,112) hsl(211,66%,26%)
#113355 rgb(17,51,85) hsl(210,67%,20%)
#0C243B rgb(12,36,59) hsl(209,66%,14%)

Triad color palettes

HEX RGB HSL
#2263A5 rgb(34,99,165) hsl(210,66%,39%)
#A52422 rgb(165,36,34) hsl(1,66%,39%)
#A4A622 rgb(164,166,34) hsl(61,66%,39%)

Tetrad color palettes

HEX RGB HSL
#2263A5 rgb(34,99,165) hsl(210,66%,39%)
#A56322 rgb(165,99,34) hsl(30,66%,39%)
#22A6A5 rgb(34,166,165) hsl(180,66%,39%)
#A4A622 rgb(164,166,34) hsl(61,66%,39%)