HEX #3C5A96 color — Chambray

The color #3c5a96 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3c5a96 color palette from light to dark

HEX RGB HSL
#f0f3f9 rgb(240,243,249) hsl(220,43%,96%)
#dee5f2 rgb(222,229,242) hsl(220,43%,91%)
#ccd6eb rgb(204,214,235) hsl(220,43%,86%)
#bac8e3 rgb(186,200,227) hsl(220,43%,81%)
#a7b9dc rgb(167,185,220) hsl(220,43%,76%)
#95aad5 rgb(149,170,213) hsl(220,43%,71%)
#839cce rgb(131,156,206) hsl(220,43%,66%)
#718dc6 rgb(113,141,198) hsl(220,43%,61%)
#5f7fbf rgb(95,127,191) hsl(220,43%,56%)
#4c70b8 rgb(76,112,184) hsl(220,43%,51%)
#4364a8 rgb(67,100,168) hsl(220,43%,46%)
#3c5a96 rgb(60,90,150) hsl(220,43%,41%)
#344f83 rgb(52,79,131) hsl(220,43%,36%)
#2d4471 rgb(45,68,113) hsl(220,43%,31%)
#26395f rgb(38,57,95) hsl(220,43%,26%)
#1f2e4d rgb(31,46,77) hsl(220,43%,21%)
#17233a rgb(23,35,58) hsl(220,43%,16%)
#101828 rgb(16,24,40) hsl(220,43%,11%)
#090d16 rgb(9,13,22) hsl(220,43%,6%)
#010204 rgb(1,2,4) hsl(220,43%,1%)

Adjacent colors

HEX RGB HSL
#3C9696 rgb(60,150,150) hsl(180,43%,41%)
#3C5A96 rgb(60,90,150) hsl(220,43%,41%)
#5A3D96 rgb(90,61,150) hsl(260,42%,41%)

Monochromatic colors

HEX RGB HSL
#587ABC rgb(88,122,188) hsl(220,43%,54%)
#4569AE rgb(69,105,174) hsl(219,43%,48%)
#3C5A96 rgb(60,90,150) hsl(220,43%,41%)
#324D7E rgb(50,77,126) hsl(219,43%,35%)
#283D66 rgb(40,61,102) hsl(220,44%,28%)
#1F2E4E rgb(31,46,78) hsl(221,43%,21%)

Triad color palettes

HEX RGB HSL
#3C5A96 rgb(60,90,150) hsl(220,43%,41%)
#964A3C rgb(150,74,60) hsl(9,43%,41%)
#87963C rgb(135,150,60) hsl(70,43%,41%)

Tetrad color palettes

HEX RGB HSL
#3C5A96 rgb(60,90,150) hsl(220,43%,41%)
#96783C rgb(150,120,60) hsl(40,43%,41%)
#3C8796 rgb(60,135,150) hsl(190,43%,41%)
#87963C rgb(135,150,60) hsl(70,43%,41%)