HEX #2C5C7D color — Calypso
The color #2c5c7d is a dark shade and moderately saturated.
Palette
2c5c7d color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(204,48%,98%) |
#e5eff6 |
rgb(229,239,246) |
hsl(204,48%,93%) |
#d2e3ef |
rgb(210,227,239) |
hsl(204,48%,88%) |
#bfd8e8 |
rgb(191,216,232) |
hsl(204,48%,83%) |
#accce2 |
rgb(172,204,226) |
hsl(204,48%,78%) |
#99c1db |
rgb(153,193,219) |
hsl(204,48%,73%) |
#86b5d5 |
rgb(134,181,213) |
hsl(204,48%,68%) |
#73aace |
rgb(115,170,206) |
hsl(204,48%,63%) |
#609ec7 |
rgb(96,158,199) |
hsl(204,48%,58%) |
#4e93c1 |
rgb(78,147,193) |
hsl(204,48%,53%) |
#4086b5 |
rgb(64,134,181) |
hsl(204,48%,48%) |
#3978a2 |
rgb(57,120,162) |
hsl(204,48%,43%) |
#326a8f |
rgb(50,106,143) |
hsl(204,48%,38%) |
#2c5c7d |
rgb(44,92,125) |
hsl(204,48%,33%) |
#254e6a |
rgb(37,78,106) |
hsl(204,48%,28%) |
#1e4057 |
rgb(30,64,87) |
hsl(204,48%,23%) |
#183244 |
rgb(24,50,68) |
hsl(204,48%,18%) |
#112431 |
rgb(17,36,49) |
hsl(204,48%,13%) |
#0b161e |
rgb(11,22,30) |
hsl(204,48%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C7D68 |
rgb(44,125,104) |
hsl(164,48%,33%) |
#2C5C7D |
rgb(44,92,125) |
hsl(204,48%,33%) |
#322B7D |
rgb(50,43,125) |
hsl(245,49%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#336B91 |
rgb(51,107,145) |
hsl(204,48%,38%) |
#2C5C7D |
rgb(44,92,125) |
hsl(204,48%,33%) |
#244D69 |
rgb(36,77,105) |
hsl(204,49%,28%) |
#1D4055 |
rgb(29,64,85) |
hsl(203,49%,22%) |
#163041 |
rgb(22,48,65) |
hsl(204,49%,17%) |
#0F212D |
rgb(15,33,45) |
hsl(204,50%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C5C7D |
rgb(44,92,125) |
hsl(204,48%,33%) |
#7D2B33 |
rgb(125,43,51) |
hsl(354,49%,33%) |
#7D752C |
rgb(125,117,44) |
hsl(54,48%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C5C7D |
rgb(44,92,125) |
hsl(204,48%,33%) |
#7D4D2C |
rgb(125,77,44) |
hsl(24,48%,33%) |
#2C7D75 |
rgb(44,125,117) |
hsl(174,48%,33%) |
#7D752C |
rgb(125,117,44) |
hsl(54,48%,33%) |