HEX #2A5766 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5766 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(195,42%,98%)
#e6f1f5 rgb(230,241,245) hsl(195,42%,93%)
#d4e7ed rgb(212,231,237) hsl(195,42%,88%)
#c1dde6 rgb(193,221,230) hsl(195,42%,83%)
#afd3de rgb(175,211,222) hsl(195,42%,78%)
#9dc9d7 rgb(157,201,215) hsl(195,42%,73%)
#8bbfd0 rgb(139,191,208) hsl(195,42%,68%)
#79b4c8 rgb(121,180,200) hsl(195,42%,63%)
#67aac1 rgb(103,170,193) hsl(195,42%,58%)
#55a0b9 rgb(85,160,185) hsl(195,42%,53%)
#4794ae rgb(71,148,174) hsl(195,42%,48%)
#40859c rgb(64,133,156) hsl(195,42%,43%)
#38758a rgb(56,117,138) hsl(195,42%,38%)
#316677 rgb(49,102,119) hsl(195,42%,33%)
#295665 rgb(41,86,101) hsl(195,42%,28%)
#224753 rgb(34,71,83) hsl(195,42%,23%)
#1b3841 rgb(27,56,65) hsl(195,42%,18%)
#13282f rgb(19,40,47) hsl(195,42%,13%)
#0c191d rgb(12,25,29) hsl(195,42%,8%)
#04090b rgb(4,9,11) hsl(195,42%,3%)

Adjacent colors

HEX RGB HSL
#2A664D rgb(42,102,77) hsl(155,42%,28%)
#2A5766 rgb(42,87,102) hsl(195,42%,28%)
#2A2E66 rgb(42,46,102) hsl(236,42%,28%)

Monochromatic colors

HEX RGB HSL
#306676 rgb(48,102,118) hsl(194,42%,33%)
#2A5766 rgb(42,87,102) hsl(195,42%,28%)
#234A55 rgb(35,74,85) hsl(193,42%,24%)
#1C3B45 rgb(28,59,69) hsl(195,42%,19%)
#152E35 rgb(21,46,53) hsl(193,43%,15%)
#0F1F24 rgb(15,31,36) hsl(194,41%,10%)

Triad color palettes

HEX RGB HSL
#2A5766 rgb(42,87,102) hsl(195,42%,28%)
#662939 rgb(102,41,57) hsl(344,43%,28%)
#66572A rgb(102,87,42) hsl(45,42%,28%)

Tetrad color palettes

HEX RGB HSL
#2A5766 rgb(42,87,102) hsl(195,42%,28%)
#66382A rgb(102,56,42) hsl(14,42%,28%)
#2A6657 rgb(42,102,87) hsl(165,42%,28%)
#66572A rgb(102,87,42) hsl(45,42%,28%)