HEX #2A5E7C color — Calypso
The color #2A5E7C is a dark shade and moderately saturated.
Palette
2A5E7C color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(202,49%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(202,49%,93%) |
#d1e4ef |
rgb(209,228,239) |
hsl(202,49%,88%) |
#bed9e9 |
rgb(190,217,233) |
hsl(202,49%,83%) |
#abcee2 |
rgb(171,206,226) |
hsl(202,49%,78%) |
#98c3dc |
rgb(152,195,220) |
hsl(202,49%,73%) |
#85b8d5 |
rgb(133,184,213) |
hsl(202,49%,68%) |
#72adcf |
rgb(114,173,207) |
hsl(202,49%,63%) |
#5fa2c8 |
rgb(95,162,200) |
hsl(202,49%,58%) |
#4c97c2 |
rgb(76,151,194) |
hsl(202,49%,53%) |
#3e8ab6 |
rgb(62,138,182) |
hsl(202,49%,48%) |
#387ca3 |
rgb(56,124,163) |
hsl(202,49%,43%) |
#316e90 |
rgb(49,110,144) |
hsl(202,49%,38%) |
#2b5f7d |
rgb(43,95,125) |
hsl(202,49%,33%) |
#24516a |
rgb(36,81,106) |
hsl(202,49%,28%) |
#1e4257 |
rgb(30,66,87) |
hsl(202,49%,23%) |
#173444 |
rgb(23,52,68) |
hsl(202,49%,18%) |
#112531 |
rgb(17,37,49) |
hsl(202,49%,13%) |
#0a171e |
rgb(10,23,30) |
hsl(202,49%,8%) |
#04090b |
rgb(4,9,11) |
hsl(202,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7D63 |
rgb(42,125,99) |
hsl(161,50%,33%) |
#2A5E7C |
rgb(42,94,124) |
hsl(202,49%,33%) |
#2C297C |
rgb(44,41,124) |
hsl(242,50%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306E8F |
rgb(48,110,143) |
hsl(201,50%,37%) |
#2A5E7C |
rgb(42,94,124) |
hsl(202,49%,33%) |
#234F68 |
rgb(35,79,104) |
hsl(202,50%,27%) |
#1C4054 |
rgb(28,64,84) |
hsl(201,50%,22%) |
#153040 |
rgb(21,48,64) |
hsl(202,51%,17%) |
#0F212C |
rgb(15,33,44) |
hsl(203,49%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5E7C |
rgb(42,94,124) |
hsl(202,49%,33%) |
#7C2935 |
rgb(124,41,53) |
hsl(351,50%,32%) |
#7C702A |
rgb(124,112,42) |
hsl(51,49%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5E7C |
rgb(42,94,124) |
hsl(202,49%,33%) |
#7C472A |
rgb(124,71,42) |
hsl(21,49%,33%) |
#2A7D71 |
rgb(42,125,113) |
hsl(171,50%,33%) |
#7C702A |
rgb(124,112,42) |
hsl(51,49%,33%) |