HEX #3C6170 color — William

The color #3C6170 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3C6170 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(197,30%,99%)
#ebf2f4 rgb(235,242,244) hsl(197,30%,94%)
#dbe7eb rgb(219,231,235) hsl(197,30%,89%)
#cadce2 rgb(202,220,226) hsl(197,30%,84%)
#b9d0da rgb(185,208,218) hsl(197,30%,79%)
#a9c5d1 rgb(169,197,209) hsl(197,30%,74%)
#98bac8 rgb(152,186,200) hsl(197,30%,69%)
#88afbf rgb(136,175,191) hsl(197,30%,64%)
#77a4b6 rgb(119,164,182) hsl(197,30%,59%)
#6799ad rgb(103,153,173) hsl(197,30%,54%)
#578da2 rgb(87,141,162) hsl(197,30%,49%)
#4f7f92 rgb(79,127,146) hsl(197,30%,44%)
#467081 rgb(70,112,129) hsl(197,30%,39%)
#3d6271 rgb(61,98,113) hsl(197,30%,34%)
#345460 rgb(52,84,96) hsl(197,30%,29%)
#2b4550 rgb(43,69,80) hsl(197,30%,24%)
#22373f rgb(34,55,63) hsl(197,30%,19%)
#19282e rgb(25,40,46) hsl(197,30%,14%)
#101a1e rgb(16,26,30) hsl(197,30%,9%)
#070c0d rgb(7,12,13) hsl(197,30%,4%)

Adjacent colors

HEX RGB HSL
#3C705C rgb(60,112,92) hsl(157,30%,34%)
#3C6170 rgb(60,97,112) hsl(197,30%,34%)
#3C3D70 rgb(60,61,112) hsl(239,30%,34%)

Monochromatic colors

HEX RGB HSL
#457081 rgb(69,112,129) hsl(197,30%,39%)
#3C6170 rgb(60,97,112) hsl(197,30%,34%)
#32525E rgb(50,82,94) hsl(196,31%,28%)
#28424C rgb(40,66,76) hsl(197,31%,23%)
#1F333A rgb(31,51,58) hsl(196,30%,17%)
#152428 rgb(21,36,40) hsl(193,31%,12%)

Triad color palettes

HEX RGB HSL
#3C6170 rgb(60,97,112) hsl(197,30%,34%)
#703D47 rgb(112,61,71) hsl(348,29%,34%)
#70663C rgb(112,102,60) hsl(48,30%,34%)

Tetrad color palettes

HEX RGB HSL
#3C6170 rgb(60,97,112) hsl(197,30%,34%)
#704A3C rgb(112,74,60) hsl(16,30%,34%)
#3C7065 rgb(60,112,101) hsl(167,30%,34%)
#70663C rgb(112,102,60) hsl(48,30%,34%)