HEX #2278B2 color — Matisse

The color #2278B2 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2278B2 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(204,68%,97%)
#ddedf8 rgb(221,237,248) hsl(204,68%,92%)
#c7e2f4 rgb(199,226,244) hsl(204,68%,87%)
#b2d7f0 rgb(178,215,240) hsl(204,68%,82%)
#9cccec rgb(156,204,236) hsl(204,68%,77%)
#87c1e8 rgb(135,193,232) hsl(204,68%,72%)
#72b6e4 rgb(114,182,228) hsl(204,68%,67%)
#5cabe0 rgb(92,171,224) hsl(204,68%,62%)
#47a0dc rgb(71,160,220) hsl(204,68%,57%)
#3195d8 rgb(49,149,216) hsl(204,68%,52%)
#2688c9 rgb(38,136,201) hsl(204,68%,47%)
#227ab4 rgb(34,122,180) hsl(204,68%,42%)
#1e6b9f rgb(30,107,159) hsl(204,68%,37%)
#1a5d89 rgb(26,93,137) hsl(204,68%,32%)
#164e74 rgb(22,78,116) hsl(204,68%,27%)
#12405e rgb(18,64,94) hsl(204,68%,22%)
#0e3149 rgb(14,49,73) hsl(204,68%,17%)
#0a2333 rgb(10,35,51) hsl(204,68%,12%)
#06141e rgb(6,20,30) hsl(204,68%,7%)
#020609 rgb(2,6,9) hsl(204,68%,2%)

Adjacent colors

HEX RGB HSL
#22B38C rgb(34,179,140) hsl(164,68%,42%)
#2278B2 rgb(34,120,178) hsl(204,68%,42%)
#2C21B2 rgb(44,33,178) hsl(245,69%,41%)

Monochromatic colors

HEX RGB HSL
#3D9CDA rgb(61,156,218) hsl(204,68%,55%)
#278CCE rgb(39,140,206) hsl(204,68%,48%)
#2278B2 rgb(34,120,178) hsl(204,68%,42%)
#1C6695 rgb(28,102,149) hsl(203,68%,35%)
#175279 rgb(23,82,121) hsl(204,68%,28%)
#113D5C rgb(17,61,92) hsl(205,69%,21%)

Triad color palettes

HEX RGB HSL
#2278B2 rgb(34,120,178) hsl(204,68%,42%)
#B22130 rgb(178,33,48) hsl(354,69%,41%)
#B2A322 rgb(178,163,34) hsl(54,68%,42%)

Tetrad color palettes

HEX RGB HSL
#2278B2 rgb(34,120,178) hsl(204,68%,42%)
#B25C22 rgb(178,92,34) hsl(24,68%,42%)
#22B3A4 rgb(34,179,164) hsl(174,68%,42%)
#B2A322 rgb(178,163,34) hsl(54,68%,42%)