HEX #2278E2 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

2278E2 color palette from light to dark

HEX RGB HSL
#edf4fd rgb(237,244,253) hsl(213,77%,96%)
#d6e6fa rgb(214,230,250) hsl(213,77%,91%)
#c0d9f7 rgb(192,217,247) hsl(213,77%,86%)
#a9cbf4 rgb(169,203,244) hsl(213,77%,81%)
#93bdf1 rgb(147,189,241) hsl(213,77%,76%)
#7cafee rgb(124,175,238) hsl(213,77%,71%)
#66a2eb rgb(102,162,235) hsl(213,77%,66%)
#4f94e8 rgb(79,148,232) hsl(213,77%,61%)
#3886e5 rgb(56,134,229) hsl(213,77%,56%)
#2278e2 rgb(34,120,226) hsl(213,77%,51%)
#1b6cd0 rgb(27,108,208) hsl(213,77%,46%)
#1860b9 rgb(24,96,185) hsl(213,77%,41%)
#1555a2 rgb(21,85,162) hsl(213,77%,36%)
#12498c rgb(18,73,140) hsl(213,77%,31%)
#0f3d75 rgb(15,61,117) hsl(213,77%,26%)
#0c315f rgb(12,49,95) hsl(213,77%,21%)
#092648 rgb(9,38,72) hsl(213,77%,16%)
#061a32 rgb(6,26,50) hsl(213,77%,11%)
#040e1b rgb(4,14,27) hsl(213,77%,6%)
#010205 rgb(1,2,5) hsl(213,77%,1%)

Adjacent colors

HEX RGB HSL
#22E3CC rgb(34,227,204) hsl(173,78%,51%)
#2278E2 rgb(34,120,226) hsl(213,77%,51%)
#4C21E2 rgb(76,33,226) hsl(253,77%,51%)

Monochromatic colors

HEX RGB HSL
#6BA6EB rgb(107,166,235) hsl(212,76%,67%)
#468FE6 rgb(70,143,230) hsl(213,76%,59%)
#2278E2 rgb(34,120,226) hsl(213,77%,51%)
#1963C1 rgb(25,99,193) hsl(214,77%,43%)
#14529C rgb(20,82,156) hsl(213,77%,35%)
#0F3D77 rgb(15,61,119) hsl(213,78%,26%)

Triad color palettes

HEX RGB HSL
#2278E2 rgb(34,120,226) hsl(213,77%,51%)
#E22B22 rgb(226,43,34) hsl(3,77%,51%)
#D8E322 rgb(216,227,34) hsl(63,78%,51%)

Tetrad color palettes

HEX RGB HSL
#2278E2 rgb(34,120,226) hsl(213,77%,51%)
#E28C22 rgb(226,140,34) hsl(33,77%,51%)
#22D9E2 rgb(34,217,226) hsl(183,77%,51%)
#D8E322 rgb(216,227,34) hsl(63,78%,51%)