HEX #2A5E7E color — Calypso
The color #2A5E7E is a dark shade and moderately saturated.
Palette
2A5E7E color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(203,50%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(203,50%,93%) |
#d1e4f0 |
rgb(209,228,240) |
hsl(203,50%,88%) |
#bed9e9 |
rgb(190,217,233) |
hsl(203,50%,83%) |
#abcde3 |
rgb(171,205,227) |
hsl(203,50%,78%) |
#98c2dd |
rgb(152,194,221) |
hsl(203,50%,73%) |
#85b7d6 |
rgb(133,183,214) |
hsl(203,50%,68%) |
#71acd0 |
rgb(113,172,208) |
hsl(203,50%,63%) |
#5ea0c9 |
rgb(94,160,201) |
hsl(203,50%,58%) |
#4b95c3 |
rgb(75,149,195) |
hsl(203,50%,53%) |
#3d89b8 |
rgb(61,137,184) |
hsl(203,50%,48%) |
#377aa4 |
rgb(55,122,164) |
hsl(203,50%,43%) |
#306c91 |
rgb(48,108,145) |
hsl(203,50%,38%) |
#2a5e7e |
rgb(42,94,126) |
hsl(203,50%,33%) |
#24506b |
rgb(36,80,107) |
hsl(203,50%,28%) |
#1d4158 |
rgb(29,65,88) |
hsl(203,50%,23%) |
#173345 |
rgb(23,51,69) |
hsl(203,50%,18%) |
#112532 |
rgb(17,37,50) |
hsl(203,50%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(203,50%,8%) |
#04090b |
rgb(4,9,11) |
hsl(203,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7D66 |
rgb(42,125,102) |
hsl(163,50%,33%) |
#2A5E7E |
rgb(42,94,126) |
hsl(203,50%,33%) |
#2E297E |
rgb(46,41,126) |
hsl(244,51%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306E92 |
rgb(48,110,146) |
hsl(202,51%,38%) |
#2A5E7E |
rgb(42,94,126) |
hsl(203,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 |
#2A5E7E |
rgb(42,94,126) |
hsl(203,50%,33%) |
#7E2934 |
rgb(126,41,52) |
hsl(352,51%,33%) |
#7E732A |
rgb(126,115,42) |
hsl(52,50%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5E7E |
rgb(42,94,126) |
hsl(203,50%,33%) |
#7E4A2A |
rgb(126,74,42) |
hsl(23,50%,33%) |
#2A7D74 |
rgb(42,125,116) |
hsl(173,50%,33%) |
#7E732A |
rgb(126,115,42) |
hsl(52,50%,33%) |