HEX #2C7DC4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

2C7DC4 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
#2CC4A5 rgb(44,196,165) hsl(168,63%,47%)
#2C7DC4 rgb(44,125,196) hsl(208,63%,47%)
#402BC4 rgb(64,43,196) hsl(248,64%,47%)

Monochromatic colors

HEX RGB HSL
#61A3DB rgb(97,163,219) hsl(208,63%,62%)
#418FD4 rgb(65,143,212) hsl(208,63%,54%)
#2C7DC4 rgb(44,125,196) hsl(208,63%,47%)
#2469A4 rgb(36,105,164) hsl(208,64%,39%)
#1D5485 rgb(29,84,133) hsl(208,64%,32%)
#164065 rgb(22,64,101) hsl(208,64%,24%)

Triad color palettes

HEX RGB HSL
#2C7DC4 rgb(44,125,196) hsl(208,63%,47%)
#C42B31 rgb(196,43,49) hsl(358,64%,47%)
#C4BF2C rgb(196,191,44) hsl(58,63%,47%)

Tetrad color palettes

HEX RGB HSL
#2C7DC4 rgb(44,125,196) hsl(208,63%,47%)
#C4732C rgb(196,115,44) hsl(28,63%,47%)
#2CC4BF rgb(44,196,191) hsl(178,63%,47%)
#C4BF2C rgb(196,191,44) hsl(58,63%,47%)