HEX #2C7DC2 color — Mariner

The color #2C7DC2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2C7DC2 color palette from light to dark

HEX RGB HSL
#f3f8fc rgb(243,248,252) hsl(208,63%,97%)
#deebf7 rgb(222,235,247) hsl(208,63%,92%)
#c9dff3 rgb(201,223,243) hsl(208,63%,87%)
#b4d3ee rgb(180,211,238) hsl(208,63%,82%)
#9fc7e9 rgb(159,199,233) hsl(208,63%,77%)
#8bbbe5 rgb(139,187,229) hsl(208,63%,72%)
#76aee0 rgb(118,174,224) hsl(208,63%,67%)
#61a2db rgb(97,162,219) hsl(208,63%,62%)
#4c96d6 rgb(76,150,214) hsl(208,63%,57%)
#378ad2 rgb(55,138,210) hsl(208,63%,52%)
#2c7dc3 rgb(44,125,195) hsl(208,63%,47%)
#2870af rgb(40,112,175) hsl(208,63%,42%)
#23629a rgb(35,98,154) hsl(208,63%,37%)
#1e5585 rgb(30,85,133) hsl(208,63%,32%)
#194870 rgb(25,72,112) hsl(208,63%,27%)
#153a5b rgb(21,58,91) hsl(208,63%,22%)
#102d47 rgb(16,45,71) hsl(208,63%,17%)
#0b2032 rgb(11,32,50) hsl(208,63%,12%)
#07131d rgb(7,19,29) hsl(208,63%,7%)
#020508 rgb(2,5,8) hsl(208,63%,2%)

Adjacent colors

HEX RGB HSL
#2CC2A3 rgb(44,194,163) hsl(168,63%,47%)
#2C7DC2 rgb(44,125,194) hsl(208,63%,47%)
#3F2BC2 rgb(63,43,194) hsl(248,64%,46%)

Monochromatic colors

HEX RGB HSL
#5FA3DA rgb(95,163,218) hsl(207,62%,61%)
#408FD3 rgb(64,143,211) hsl(208,63%,54%)
#2C7DC2 rgb(44,125,194) hsl(208,63%,47%)
#2469A2 rgb(36,105,162) hsl(207,64%,39%)
#1D5483 rgb(29,84,131) hsl(208,64%,31%)
#164064 rgb(22,64,100) hsl(208,64%,24%)

Triad color palettes

HEX RGB HSL
#2C7DC2 rgb(44,125,194) hsl(208,63%,47%)
#C22B32 rgb(194,43,50) hsl(357,64%,46%)
#C2BD2C rgb(194,189,44) hsl(58,63%,47%)

Tetrad color palettes

HEX RGB HSL
#2C7DC2 rgb(44,125,194) hsl(208,63%,47%)
#C2702C rgb(194,112,44) hsl(27,63%,47%)
#2CC2BC rgb(44,194,188) hsl(178,63%,47%)
#C2BD2C rgb(194,189,44) hsl(58,63%,47%)