HEX #2C7DC3 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

2C7DC3 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
#2CC2A4 rgb(44,194,164) hsl(168,63%,47%)
#2C7DC3 rgb(44,125,195) hsl(208,63%,47%)
#3F2BC3 rgb(63,43,195) hsl(248,64%,47%)

Monochromatic colors

HEX RGB HSL
#60A3DB rgb(96,163,219) hsl(207,63%,62%)
#418FD4 rgb(65,143,212) hsl(208,63%,54%)
#2C7DC3 rgb(44,125,195) hsl(208,63%,47%)
#2469A3 rgb(36,105,163) hsl(207,64%,39%)
#1D5484 rgb(29,84,132) hsl(208,64%,32%)
#164065 rgb(22,64,101) hsl(208,64%,24%)

Triad color palettes

HEX RGB HSL
#2C7DC3 rgb(44,125,195) hsl(208,63%,47%)
#C32B31 rgb(195,43,49) hsl(358,64%,47%)
#C3BD2C rgb(195,189,44) hsl(58,63%,47%)

Tetrad color palettes

HEX RGB HSL
#2C7DC3 rgb(44,125,195) hsl(208,63%,47%)
#C3732C rgb(195,115,44) hsl(28,63%,47%)
#2CC2BD rgb(44,194,189) hsl(178,63%,47%)
#C3BD2C rgb(195,189,44) hsl(58,63%,47%)