HEX #2A617E color — Calypso
The color #2A617E is a dark shade and moderately saturated.
Palette
2A617E color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(201,50%,98%) |
#e4f0f6 |
rgb(228,240,246) |
hsl(201,50%,93%) |
#d1e5f0 |
rgb(209,229,240) |
hsl(201,50%,88%) |
#bedae9 |
rgb(190,218,233) |
hsl(201,50%,83%) |
#abcfe3 |
rgb(171,207,227) |
hsl(201,50%,78%) |
#98c4dd |
rgb(152,196,221) |
hsl(201,50%,73%) |
#85bad6 |
rgb(133,186,214) |
hsl(201,50%,68%) |
#71afd0 |
rgb(113,175,208) |
hsl(201,50%,63%) |
#5ea4c9 |
rgb(94,164,201) |
hsl(201,50%,58%) |
#4b99c3 |
rgb(75,153,195) |
hsl(201,50%,53%) |
#3d8db8 |
rgb(61,141,184) |
hsl(201,50%,48%) |
#377ea4 |
rgb(55,126,164) |
hsl(201,50%,43%) |
#306f91 |
rgb(48,111,145) |
hsl(201,50%,38%) |
#2a617e |
rgb(42,97,126) |
hsl(201,50%,33%) |
#24526b |
rgb(36,82,107) |
hsl(201,50%,28%) |
#1d4358 |
rgb(29,67,88) |
hsl(201,50%,23%) |
#173545 |
rgb(23,53,69) |
hsl(201,50%,18%) |
#112632 |
rgb(17,38,50) |
hsl(201,50%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(201,50%,8%) |
#04090b |
rgb(4,9,11) |
hsl(201,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7D63 |
rgb(42,125,99) |
hsl(161,50%,33%) |
#2A617E |
rgb(42,97,126) |
hsl(201,50%,33%) |
#2B297E |
rgb(43,41,126) |
hsl(241,51%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307092 |
rgb(48,112,146) |
hsl(201,51%,38%) |
#2A617E |
rgb(42,97,126) |
hsl(201,50%,33%) |
#235269 |
rgb(35,82,105) |
hsl(200,50%,27%) |
#1C4255 |
rgb(28,66,85) |
hsl(200,50%,22%) |
#153341 |
rgb(21,51,65) |
hsl(199,51%,17%) |
#0F242D |
rgb(15,36,45) |
hsl(198,50%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A617E |
rgb(42,97,126) |
hsl(201,50%,33%) |
#7E2937 |
rgb(126,41,55) |
hsl(350,51%,33%) |
#7E702A |
rgb(126,112,42) |
hsl(50,50%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A617E |
rgb(42,97,126) |
hsl(201,50%,33%) |
#7E472A |
rgb(126,71,42) |
hsl(21,50%,33%) |
#2A7D71 |
rgb(42,125,113) |
hsl(171,50%,33%) |
#7E702A |
rgb(126,112,42) |
hsl(50,50%,33%) |