HEX #2A597E color — Calypso
The color #2A597E is a dark shade and moderately saturated.
Palette
2A597E color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(206,50%,98%) |
#e4eef6 |
rgb(228,238,246) |
hsl(206,50%,93%) |
#d1e2f0 |
rgb(209,226,240) |
hsl(206,50%,88%) |
#bed7e9 |
rgb(190,215,233) |
hsl(206,50%,83%) |
#abcbe3 |
rgb(171,203,227) |
hsl(206,50%,78%) |
#98bfdd |
rgb(152,191,221) |
hsl(206,50%,73%) |
#85b3d6 |
rgb(133,179,214) |
hsl(206,50%,68%) |
#71a7d0 |
rgb(113,167,208) |
hsl(206,50%,63%) |
#5e9bc9 |
rgb(94,155,201) |
hsl(206,50%,58%) |
#4b8fc3 |
rgb(75,143,195) |
hsl(206,50%,53%) |
#3d83b8 |
rgb(61,131,184) |
hsl(206,50%,48%) |
#3775a4 |
rgb(55,117,164) |
hsl(206,50%,43%) |
#306791 |
rgb(48,103,145) |
hsl(206,50%,38%) |
#2a5a7e |
rgb(42,90,126) |
hsl(206,50%,33%) |
#244c6b |
rgb(36,76,107) |
hsl(206,50%,28%) |
#1d3f58 |
rgb(29,63,88) |
hsl(206,50%,23%) |
#173145 |
rgb(23,49,69) |
hsl(206,50%,18%) |
#112332 |
rgb(17,35,50) |
hsl(206,50%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(206,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(206,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7D6B |
rgb(42,125,107) |
hsl(167,50%,33%) |
#2A597E |
rgb(42,89,126) |
hsl(206,50%,33%) |
#33297E |
rgb(51,41,126) |
hsl(247,51%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306692 |
rgb(48,102,146) |
hsl(207,51%,38%) |
#2A597E |
rgb(42,89,126) |
hsl(206,50%,33%) |
#234A69 |
rgb(35,74,105) |
hsl(207,50%,27%) |
#1C3D55 |
rgb(28,61,85) |
hsl(205,50%,22%) |
#152E41 |
rgb(21,46,65) |
hsl(206,51%,17%) |
#0F212D |
rgb(15,33,45) |
hsl(204,50%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A597E |
rgb(42,89,126) |
hsl(206,50%,33%) |
#7E292F |
rgb(126,41,47) |
hsl(356,51%,33%) |
#7E782A |
rgb(126,120,42) |
hsl(56,50%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A597E |
rgb(42,89,126) |
hsl(206,50%,33%) |
#7E4F2A |
rgb(126,79,42) |
hsl(26,50%,33%) |
#2A7D79 |
rgb(42,125,121) |
hsl(177,50%,33%) |
#7E782A |
rgb(126,120,42) |
hsl(56,50%,33%) |