HEX #2A6180 color — Calypso
The color #2A6180 is a dark shade and moderately saturated.
Palette
2A6180 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(202,51%,98%) |
#e4f0f6 |
rgb(228,240,246) |
hsl(202,51%,93%) |
#d1e5f0 |
rgb(209,229,240) |
hsl(202,51%,88%) |
#bedaea |
rgb(190,218,234) |
hsl(202,51%,83%) |
#aacfe4 |
rgb(170,207,228) |
hsl(202,51%,78%) |
#97c4dd |
rgb(151,196,221) |
hsl(202,51%,73%) |
#84b8d7 |
rgb(132,184,215) |
hsl(202,51%,68%) |
#71add1 |
rgb(113,173,209) |
hsl(202,51%,63%) |
#5da2cb |
rgb(93,162,203) |
hsl(202,51%,58%) |
#4a97c4 |
rgb(74,151,196) |
hsl(202,51%,53%) |
#3c8bb9 |
rgb(60,139,185) |
hsl(202,51%,48%) |
#367da6 |
rgb(54,125,166) |
hsl(202,51%,43%) |
#2f6e92 |
rgb(47,110,146) |
hsl(202,51%,38%) |
#29607f |
rgb(41,96,127) |
hsl(202,51%,33%) |
#23516c |
rgb(35,81,108) |
hsl(202,51%,28%) |
#1d4359 |
rgb(29,67,89) |
hsl(202,51%,23%) |
#163445 |
rgb(22,52,69) |
hsl(202,51%,18%) |
#102632 |
rgb(16,38,50) |
hsl(202,51%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(202,51%,8%) |
#04090c |
rgb(4,9,12) |
hsl(202,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A8065 |
rgb(42,128,101) |
hsl(161,51%,33%) |
#2A6180 |
rgb(42,97,128) |
hsl(202,51%,33%) |
#2C2980 |
rgb(44,41,128) |
hsl(242,51%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307094 |
rgb(48,112,148) |
hsl(202,51%,38%) |
#2A6180 |
rgb(42,97,128) |
hsl(202,51%,33%) |
#23526B |
rgb(35,82,107) |
hsl(201,51%,28%) |
#1C4257 |
rgb(28,66,87) |
hsl(201,51%,23%) |
#153342 |
rgb(21,51,66) |
hsl(200,52%,17%) |
#0F242E |
rgb(15,36,46) |
hsl(199,51%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6180 |
rgb(42,97,128) |
hsl(202,51%,33%) |
#802936 |
rgb(128,41,54) |
hsl(351,51%,33%) |
#80732A |
rgb(128,115,42) |
hsl(51,51%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6180 |
rgb(42,97,128) |
hsl(202,51%,33%) |
#804A2A |
rgb(128,74,42) |
hsl(22,51%,33%) |
#2A8074 |
rgb(42,128,116) |
hsl(172,51%,33%) |
#80732A |
rgb(128,115,42) |
hsl(51,51%,33%) |