HEX #2A6166 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

2A6166 color palette from light to dark

HEX RGB HSL
#f8fcfc rgb(248,252,252) hsl(185,42%,98%)
#e6f3f5 rgb(230,243,245) hsl(185,42%,93%)
#d4ebed rgb(212,235,237) hsl(185,42%,88%)
#c1e3e6 rgb(193,227,230) hsl(185,42%,83%)
#afdbde rgb(175,219,222) hsl(185,42%,78%)
#9dd2d7 rgb(157,210,215) hsl(185,42%,73%)
#8bcad0 rgb(139,202,208) hsl(185,42%,68%)
#79c2c8 rgb(121,194,200) hsl(185,42%,63%)
#67b9c1 rgb(103,185,193) hsl(185,42%,58%)
#55b1b9 rgb(85,177,185) hsl(185,42%,53%)
#47a5ae rgb(71,165,174) hsl(185,42%,48%)
#40949c rgb(64,148,156) hsl(185,42%,43%)
#38838a rgb(56,131,138) hsl(185,42%,38%)
#317277 rgb(49,114,119) hsl(185,42%,33%)
#296065 rgb(41,96,101) hsl(185,42%,28%)
#224f53 rgb(34,79,83) hsl(185,42%,23%)
#1b3e41 rgb(27,62,65) hsl(185,42%,18%)
#132d2f rgb(19,45,47) hsl(185,42%,13%)
#0c1c1d rgb(12,28,29) hsl(185,42%,8%)
#040a0b rgb(4,10,11) hsl(185,42%,3%)

Adjacent colors

HEX RGB HSL
#2A6643 rgb(42,102,67) hsl(145,42%,28%)
#2A6166 rgb(42,97,102) hsl(185,42%,28%)
#2A3866 rgb(42,56,102) hsl(226,42%,28%)

Monochromatic colors

HEX RGB HSL
#307076 rgb(48,112,118) hsl(185,42%,33%)
#2A6166 rgb(42,97,102) hsl(185,42%,28%)
#235255 rgb(35,82,85) hsl(184,42%,24%)
#1C4245 rgb(28,66,69) hsl(184,42%,19%)
#153335 rgb(21,51,53) hsl(184,43%,15%)
#0F2424 rgb(15,36,36) hsl(180,41%,10%)

Triad color palettes

HEX RGB HSL
#2A6166 rgb(42,97,102) hsl(185,42%,28%)
#662943 rgb(102,41,67) hsl(334,43%,28%)
#664D2A rgb(102,77,42) hsl(35,42%,28%)

Tetrad color palettes

HEX RGB HSL
#2A6166 rgb(42,97,102) hsl(185,42%,28%)
#662E2A rgb(102,46,42) hsl(4,42%,28%)
#2A664D rgb(42,102,77) hsl(155,42%,28%)
#664D2A rgb(102,77,42) hsl(35,42%,28%)