HEX #2278A2 color — Jelly Bean

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

Color codes

copy icon
copy icon
copy icon

Palette

2278A2 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(200,65%,98%)
#e2f1f9 rgb(226,241,249) hsl(200,65%,93%)
#cde7f4 rgb(205,231,244) hsl(200,65%,88%)
#b7ddf0 rgb(183,221,240) hsl(200,65%,83%)
#a2d3eb rgb(162,211,235) hsl(200,65%,78%)
#8dc9e7 rgb(141,201,231) hsl(200,65%,73%)
#78bfe2 rgb(120,191,226) hsl(200,65%,68%)
#63b5de rgb(99,181,222) hsl(200,65%,63%)
#4eabda rgb(78,171,218) hsl(200,65%,58%)
#39a1d5 rgb(57,161,213) hsl(200,65%,53%)
#2b95ca rgb(43,149,202) hsl(200,65%,48%)
#2685b5 rgb(38,133,181) hsl(200,65%,43%)
#2276a0 rgb(34,118,160) hsl(200,65%,38%)
#1d668b rgb(29,102,139) hsl(200,65%,33%)
#195776 rgb(25,87,118) hsl(200,65%,28%)
#154761 rgb(21,71,97) hsl(200,65%,23%)
#10384c rgb(16,56,76) hsl(200,65%,18%)
#0c2837 rgb(12,40,55) hsl(200,65%,13%)
#071922 rgb(7,25,34) hsl(200,65%,8%)
#03090d rgb(3,9,13) hsl(200,65%,3%)

Adjacent colors

HEX RGB HSL
#22A376 rgb(34,163,118) hsl(159,65%,39%)
#2278A2 rgb(34,120,162) hsl(200,65%,38%)
#2224A2 rgb(34,36,162) hsl(239,65%,38%)

Monochromatic colors

HEX RGB HSL
#278CBB rgb(39,140,187) hsl(199,65%,44%)
#2278A2 rgb(34,120,162) hsl(200,65%,38%)
#1C6688 rgb(28,102,136) hsl(199,66%,32%)
#17526E rgb(23,82,110) hsl(199,65%,26%)
#113D54 rgb(17,61,84) hsl(201,66%,20%)
#0C2B3A rgb(12,43,58) hsl(200,66%,14%)

Triad color palettes

HEX RGB HSL
#2278A2 rgb(34,120,162) hsl(200,65%,38%)
#A22138 rgb(162,33,56) hsl(349,66%,38%)
#A28C22 rgb(162,140,34) hsl(50,65%,38%)

Tetrad color palettes

HEX RGB HSL
#2278A2 rgb(34,120,162) hsl(200,65%,38%)
#A24D22 rgb(162,77,34) hsl(20,65%,38%)
#22A38C rgb(34,163,140) hsl(169,65%,39%)
#A28C22 rgb(162,140,34) hsl(50,65%,38%)