HEX #2A5E80 color — Calypso
The color #2A5E80 is a dark shade and moderately saturated.
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%) |