HEX #2A5D7E color — Calypso
The color #2a5d7e is a dark shade and moderately saturated.
Palette
2a5d7e color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(204,50%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(204,50%,93%) |
#d1e3f0 |
rgb(209,227,240) |
hsl(204,50%,88%) |
#bed8e9 |
rgb(190,216,233) |
hsl(204,50%,83%) |
#abcde3 |
rgb(171,205,227) |
hsl(204,50%,78%) |
#98c1dd |
rgb(152,193,221) |
hsl(204,50%,73%) |
#85b6d6 |
rgb(133,182,214) |
hsl(204,50%,68%) |
#71aad0 |
rgb(113,170,208) |
hsl(204,50%,63%) |
#5e9fc9 |
rgb(94,159,201) |
hsl(204,50%,58%) |
#4b93c3 |
rgb(75,147,195) |
hsl(204,50%,53%) |
#3d87b8 |
rgb(61,135,184) |
hsl(204,50%,48%) |
#3779a4 |
rgb(55,121,164) |
hsl(204,50%,43%) |
#306b91 |
rgb(48,107,145) |
hsl(204,50%,38%) |
#2a5d7e |
rgb(42,93,126) |
hsl(204,50%,33%) |
#244f6b |
rgb(36,79,107) |
hsl(204,50%,28%) |
#1d4158 |
rgb(29,65,88) |
hsl(204,50%,23%) |
#173245 |
rgb(23,50,69) |
hsl(204,50%,18%) |
#112432 |
rgb(17,36,50) |
hsl(204,50%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(204,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7D67 |
rgb(42,125,103) |
hsl(164,50%,33%) |
#2A5D7E |
rgb(42,93,126) |
hsl(204,50%,33%) |
#2F297E |
rgb(47,41,126) |
hsl(244,51%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306B92 |
rgb(48,107,146) |
hsl(204,51%,38%) |
#2A5D7E |
rgb(42,93,126) |
hsl(204,50%,33%) |
#234F69 |
rgb(35,79,105) |
hsl(202,50%,27%) |
#1C4055 |
rgb(28,64,85) |
hsl(202,50%,22%) |
#153041 |
rgb(21,48,65) |
hsl(203,51%,17%) |
#0F212D |
rgb(15,33,45) |
hsl(204,50%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5D7E |
rgb(42,93,126) |
hsl(204,50%,33%) |
#7E2933 |
rgb(126,41,51) |
hsl(353,51%,33%) |
#7E752A |
rgb(126,117,42) |
hsl(54,50%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5D7E |
rgb(42,93,126) |
hsl(204,50%,33%) |
#7E4A2A |
rgb(126,74,42) |
hsl(23,50%,33%) |
#2A7D75 |
rgb(42,125,117) |
hsl(174,50%,33%) |
#7E752A |
rgb(126,117,42) |
hsl(54,50%,33%) |