HEX #2278B3 color — Matisse
The color #2278B3 is a dark shade and highly saturated.
Palette
2278B3 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 |
#22B38D |
rgb(34,179,141) |
hsl(164,68%,42%) |
#2278B3 |
rgb(34,120,179) |
hsl(204,68%,42%) |
#2C21B3 |
rgb(44,33,179) |
hsl(245,69%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3E9CDA |
rgb(62,156,218) |
hsl(204,68%,55%) |
#278CCF |
rgb(39,140,207) |
hsl(204,68%,48%) |
#2278B3 |
rgb(34,120,179) |
hsl(204,68%,42%) |
#1C6696 |
rgb(28,102,150) |
hsl(204,69%,35%) |
#175279 |
rgb(23,82,121) |
hsl(204,68%,28%) |
#113D5D |
rgb(17,61,93) |
hsl(205,69%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278B3 |
rgb(34,120,179) |
hsl(204,68%,42%) |
#B3212F |
rgb(179,33,47) |
hsl(354,69%,42%) |
#B3A622 |
rgb(179,166,34) |
hsl(55,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278B3 |
rgb(34,120,179) |
hsl(204,68%,42%) |
#B35C22 |
rgb(179,92,34) |
hsl(24,68%,42%) |
#22B3A5 |
rgb(34,179,165) |
hsl(174,68%,42%) |
#B3A622 |
rgb(179,166,34) |
hsl(55,68%,42%) |