HEX #2C5563 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

2c5563 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(195,38%,98%)
#e6f1f4 rgb(230,241,244) hsl(195,38%,93%)
#d5e6ec rgb(213,230,236) hsl(195,38%,88%)
#c3dce4 rgb(195,220,228) hsl(195,38%,83%)
#b2d2dc rgb(178,210,220) hsl(195,38%,78%)
#a0c7d4 rgb(160,199,212) hsl(195,38%,73%)
#8ebdcc rgb(142,189,204) hsl(195,38%,68%)
#7db3c5 rgb(125,179,197) hsl(195,38%,63%)
#6ba8bd rgb(107,168,189) hsl(195,38%,58%)
#5a9eb5 rgb(90,158,181) hsl(195,38%,53%)
#4c92a9 rgb(76,146,169) hsl(195,38%,48%)
#448297 rgb(68,130,151) hsl(195,38%,43%)
#3c7386 rgb(60,115,134) hsl(195,38%,38%)
#346474 rgb(52,100,116) hsl(195,38%,33%)
#2c5563 rgb(44,85,99) hsl(195,38%,28%)
#244651 rgb(36,70,81) hsl(195,38%,23%)
#1c373f rgb(28,55,63) hsl(195,38%,18%)
#15272e rgb(21,39,46) hsl(195,38%,13%)
#0d181c rgb(13,24,28) hsl(195,38%,8%)
#05090b rgb(5,9,11) hsl(195,38%,3%)

Adjacent colors

HEX RGB HSL
#2C634C rgb(44,99,76) hsl(155,38%,28%)
#2C5563 rgb(44,85,99) hsl(195,38%,28%)
#2C3063 rgb(44,48,99) hsl(236,38%,28%)

Monochromatic colors

HEX RGB HSL
#336372 rgb(51,99,114) hsl(194,38%,32%)
#2C5563 rgb(44,85,99) hsl(195,38%,28%)
#244753 rgb(36,71,83) hsl(195,39%,23%)
#1D3B43 rgb(29,59,67) hsl(193,40%,19%)
#162B33 rgb(22,43,51) hsl(197,40%,14%)
#0F1F23 rgb(15,31,35) hsl(192,40%,10%)

Triad color palettes

HEX RGB HSL
#2C5563 rgb(44,85,99) hsl(195,38%,28%)
#632B39 rgb(99,43,57) hsl(345,39%,28%)
#63572C rgb(99,87,44) hsl(47,38%,28%)

Tetrad color palettes

HEX RGB HSL
#2C5563 rgb(44,85,99) hsl(195,38%,28%)
#633B2C rgb(99,59,44) hsl(16,38%,28%)
#2C6355 rgb(44,99,85) hsl(165,38%,28%)
#63572C rgb(99,87,44) hsl(47,38%,28%)