HEX #2A5E80 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5E80 color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(204,51%,98%)
#e4eff6 rgb(228,239,246) hsl(204,51%,93%)
#d1e4f0 rgb(209,228,240) hsl(204,51%,88%)
#bed8ea rgb(190,216,234) hsl(204,51%,83%)
#aacde4 rgb(170,205,228) hsl(204,51%,78%)
#97c1dd rgb(151,193,221) hsl(204,51%,73%)
#84b6d7 rgb(132,182,215) hsl(204,51%,68%)
#71aad1 rgb(113,170,209) hsl(204,51%,63%)
#5d9fcb rgb(93,159,203) hsl(204,51%,58%)
#4a93c4 rgb(74,147,196) hsl(204,51%,53%)
#3c87b9 rgb(60,135,185) hsl(204,51%,48%)
#3679a6 rgb(54,121,166) hsl(204,51%,43%)
#2f6b92 rgb(47,107,146) hsl(204,51%,38%)
#295d7f rgb(41,93,127) hsl(204,51%,33%)
#234f6c rgb(35,79,108) hsl(204,51%,28%)
#1d4159 rgb(29,65,89) hsl(204,51%,23%)
#163345 rgb(22,51,69) hsl(204,51%,18%)
#102532 rgb(16,37,50) hsl(204,51%,13%)
#0a161f rgb(10,22,31) hsl(204,51%,8%)
#04080c rgb(4,8,12) hsl(204,51%,3%)

Adjacent colors

HEX RGB HSL
#2A8068 rgb(42,128,104) hsl(163,51%,33%)
#2A5E80 rgb(42,94,128) hsl(204,51%,33%)
#2F2980 rgb(47,41,128) hsl(244,51%,33%)

Monochromatic colors

HEX RGB HSL
#306E94 rgb(48,110,148) hsl(203,51%,38%)
#2A5E80 rgb(42,94,128) hsl(204,51%,33%)
#234F6B rgb(35,79,107) hsl(203,51%,28%)
#1C4057 rgb(28,64,87) hsl(203,51%,23%)
#153042 rgb(21,48,66) hsl(204,52%,17%)
#0F212E rgb(15,33,46) hsl(205,51%,12%)

Triad color palettes

HEX RGB HSL
#2A5E80 rgb(42,94,128) hsl(204,51%,33%)
#802933 rgb(128,41,51) hsl(353,51%,33%)
#80782A rgb(128,120,42) hsl(54,51%,33%)

Tetrad color palettes

HEX RGB HSL
#2A5E80 rgb(42,94,128) hsl(204,51%,33%)
#804D2A rgb(128,77,42) hsl(24,51%,33%)
#2A8077 rgb(42,128,119) hsl(174,51%,33%)
#80782A rgb(128,120,42) hsl(54,51%,33%)