HEX #2B5C7D color — Calypso
The color #2B5C7D is a dark shade and moderately saturated.
Palette
2B5C7D color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(204,49%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(204,49%,93%) |
#d1e3ef |
rgb(209,227,239) |
hsl(204,49%,88%) |
#bed8e9 |
rgb(190,216,233) |
hsl(204,49%,83%) |
#abcce2 |
rgb(171,204,226) |
hsl(204,49%,78%) |
#98c1dc |
rgb(152,193,220) |
hsl(204,49%,73%) |
#85b5d5 |
rgb(133,181,213) |
hsl(204,49%,68%) |
#72aacf |
rgb(114,170,207) |
hsl(204,49%,63%) |
#5f9ec8 |
rgb(95,158,200) |
hsl(204,49%,58%) |
#4c93c2 |
rgb(76,147,194) |
hsl(204,49%,53%) |
#3e86b6 |
rgb(62,134,182) |
hsl(204,49%,48%) |
#3878a3 |
rgb(56,120,163) |
hsl(204,49%,43%) |
#316a90 |
rgb(49,106,144) |
hsl(204,49%,38%) |
#2b5c7d |
rgb(43,92,125) |
hsl(204,49%,33%) |
#244e6a |
rgb(36,78,106) |
hsl(204,49%,28%) |
#1e4057 |
rgb(30,64,87) |
hsl(204,49%,23%) |
#173244 |
rgb(23,50,68) |
hsl(204,49%,18%) |
#112431 |
rgb(17,36,49) |
hsl(204,49%,13%) |
#0a161e |
rgb(10,22,30) |
hsl(204,49%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2B7D67 |
rgb(43,125,103) |
hsl(164,49%,33%) |
#2B5C7D |
rgb(43,92,125) |
hsl(204,49%,33%) |
#302B7D |
rgb(48,43,125) |
hsl(244,49%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#316B91 |
rgb(49,107,145) |
hsl(204,49%,38%) |
#2B5C7D |
rgb(43,92,125) |
hsl(204,49%,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 |
#2B5C7D |
rgb(43,92,125) |
hsl(204,49%,33%) |
#7D2B33 |
rgb(125,43,51) |
hsl(354,49%,33%) |
#7D752B |
rgb(125,117,43) |
hsl(54,49%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B5C7D |
rgb(43,92,125) |
hsl(204,49%,33%) |
#7D4D2B |
rgb(125,77,43) |
hsl(25,49%,33%) |
#2B7D75 |
rgb(43,125,117) |
hsl(174,49%,33%) |
#7D752B |
rgb(125,117,43) |
hsl(54,49%,33%) |