HEX #2278A4 color — Matisse

The color #2278A4 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2278A4 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(200,66%,99%)
#e6f3fa rgb(230,243,250) hsl(200,66%,94%)
#d0e9f5 rgb(208,233,245) hsl(200,66%,89%)
#bbdff1 rgb(187,223,241) hsl(200,66%,84%)
#a6d5ed rgb(166,213,237) hsl(200,66%,79%)
#91cbe8 rgb(145,203,232) hsl(200,66%,74%)
#7cc1e4 rgb(124,193,228) hsl(200,66%,69%)
#67b7e0 rgb(103,183,224) hsl(200,66%,64%)
#51addb rgb(81,173,219) hsl(200,66%,59%)
#3ca4d7 rgb(60,164,215) hsl(200,66%,54%)
#2a98cf rgb(42,152,207) hsl(200,66%,49%)
#2689ba rgb(38,137,186) hsl(200,66%,44%)
#2279a5 rgb(34,121,165) hsl(200,66%,39%)
#1d6a90 rgb(29,106,144) hsl(200,66%,34%)
#195a7b rgb(25,90,123) hsl(200,66%,29%)
#154b66 rgb(21,75,102) hsl(200,66%,24%)
#103b50 rgb(16,59,80) hsl(200,66%,19%)
#0c2c3b rgb(12,44,59) hsl(200,66%,14%)
#081c26 rgb(8,28,38) hsl(200,66%,9%)
#030c11 rgb(3,12,17) hsl(200,66%,4%)

Adjacent colors

HEX RGB HSL
#22A379 rgb(34,163,121) hsl(160,65%,39%)
#2278A4 rgb(34,120,164) hsl(200,66%,39%)
#2221A4 rgb(34,33,164) hsl(240,66%,39%)

Monochromatic colors

HEX RGB HSL
#278CBE rgb(39,140,190) hsl(200,66%,45%)
#2278A4 rgb(34,120,164) hsl(200,66%,39%)
#1C6689 rgb(28,102,137) hsl(199,66%,32%)
#17526F rgb(23,82,111) 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
#2278A4 rgb(34,120,164) hsl(200,66%,39%)
#A42137 rgb(164,33,55) hsl(350,66%,39%)
#A48F22 rgb(164,143,34) hsl(50,66%,39%)

Tetrad color palettes

HEX RGB HSL
#2278A4 rgb(34,120,164) hsl(200,66%,39%)
#A44F22 rgb(164,79,34) hsl(21,66%,39%)
#22A38F rgb(34,163,143) hsl(171,65%,39%)
#A48F22 rgb(164,143,34) hsl(50,66%,39%)