HEX #2A6180 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

2A6180 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(202,51%,98%)
#e4f0f6 rgb(228,240,246) hsl(202,51%,93%)
#d1e5f0 rgb(209,229,240) hsl(202,51%,88%)
#bedaea rgb(190,218,234) hsl(202,51%,83%)
#aacfe4 rgb(170,207,228) hsl(202,51%,78%)
#97c4dd rgb(151,196,221) hsl(202,51%,73%)
#84b8d7 rgb(132,184,215) hsl(202,51%,68%)
#71add1 rgb(113,173,209) hsl(202,51%,63%)
#5da2cb rgb(93,162,203) hsl(202,51%,58%)
#4a97c4 rgb(74,151,196) hsl(202,51%,53%)
#3c8bb9 rgb(60,139,185) hsl(202,51%,48%)
#367da6 rgb(54,125,166) hsl(202,51%,43%)
#2f6e92 rgb(47,110,146) hsl(202,51%,38%)
#29607f rgb(41,96,127) hsl(202,51%,33%)
#23516c rgb(35,81,108) hsl(202,51%,28%)
#1d4359 rgb(29,67,89) hsl(202,51%,23%)
#163445 rgb(22,52,69) hsl(202,51%,18%)
#102632 rgb(16,38,50) hsl(202,51%,13%)
#0a171f rgb(10,23,31) hsl(202,51%,8%)
#04090c rgb(4,9,12) hsl(202,51%,3%)

Adjacent colors

HEX RGB HSL
#2A8065 rgb(42,128,101) hsl(161,51%,33%)
#2A6180 rgb(42,97,128) hsl(202,51%,33%)
#2C2980 rgb(44,41,128) hsl(242,51%,33%)

Monochromatic colors

HEX RGB HSL
#307094 rgb(48,112,148) hsl(202,51%,38%)
#2A6180 rgb(42,97,128) hsl(202,51%,33%)
#23526B rgb(35,82,107) hsl(201,51%,28%)
#1C4257 rgb(28,66,87) hsl(201,51%,23%)
#153342 rgb(21,51,66) hsl(200,52%,17%)
#0F242E rgb(15,36,46) hsl(199,51%,12%)

Triad color palettes

HEX RGB HSL
#2A6180 rgb(42,97,128) hsl(202,51%,33%)
#802936 rgb(128,41,54) hsl(351,51%,33%)
#80732A rgb(128,115,42) hsl(51,51%,33%)

Tetrad color palettes

HEX RGB HSL
#2A6180 rgb(42,97,128) hsl(202,51%,33%)
#804A2A rgb(128,74,42) hsl(22,51%,33%)
#2A8074 rgb(42,128,116) hsl(172,51%,33%)
#80732A rgb(128,115,42) hsl(51,51%,33%)