HEX #2277B4 color — Mariner

The color #2277b4 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2277b4 color palette from light to dark

HEX RGB HSL
#f2f8fd rgb(242,248,253) hsl(205,68%,97%)
#ddedf8 rgb(221,237,248) hsl(205,68%,92%)
#c7e2f4 rgb(199,226,244) hsl(205,68%,87%)
#b2d6f0 rgb(178,214,240) hsl(205,68%,82%)
#9ccbec rgb(156,203,236) hsl(205,68%,77%)
#87c0e8 rgb(135,192,232) hsl(205,68%,72%)
#72b4e4 rgb(114,180,228) hsl(205,68%,67%)
#5ca9e0 rgb(92,169,224) hsl(205,68%,62%)
#479edc rgb(71,158,220) hsl(205,68%,57%)
#3192d8 rgb(49,146,216) hsl(205,68%,52%)
#2685c9 rgb(38,133,201) hsl(205,68%,47%)
#2277b4 rgb(34,119,180) hsl(205,68%,42%)
#1e699f rgb(30,105,159) hsl(205,68%,37%)
#1a5b89 rgb(26,91,137) hsl(205,68%,32%)
#164d74 rgb(22,77,116) hsl(205,68%,27%)
#123e5e rgb(18,62,94) hsl(205,68%,22%)
#0e3049 rgb(14,48,73) hsl(205,68%,17%)
#0a2233 rgb(10,34,51) hsl(205,68%,12%)
#06141e rgb(6,20,30) hsl(205,68%,7%)
#020609 rgb(2,6,9) hsl(205,68%,2%)

Adjacent colors

HEX RGB HSL
#22B58F rgb(34,181,143) hsl(164,68%,42%)
#2277B4 rgb(34,119,180) hsl(205,68%,42%)
#2E21B4 rgb(46,33,180) hsl(245,69%,42%)

Monochromatic colors

HEX RGB HSL
#3F99DA rgb(63,153,218) hsl(205,68%,55%)
#278AD0 rgb(39,138,208) hsl(205,68%,48%)
#2277B4 rgb(34,119,180) hsl(205,68%,42%)
#1C6397 rgb(28,99,151) hsl(205,69%,35%)
#17527A rgb(23,82,122) hsl(204,68%,28%)
#113D5D rgb(17,61,93) hsl(205,69%,22%)

Triad color palettes

HEX RGB HSL
#2277B4 rgb(34,119,180) hsl(205,68%,42%)
#B4212E rgb(180,33,46) hsl(355,69%,42%)
#B4A822 rgb(180,168,34) hsl(55,68%,42%)

Tetrad color palettes

HEX RGB HSL
#2277B4 rgb(34,119,180) hsl(205,68%,42%)
#B45E22 rgb(180,94,34) hsl(25,68%,42%)
#22B5A8 rgb(34,181,168) hsl(175,68%,42%)
#B4A822 rgb(180,168,34) hsl(55,68%,42%)