HEX #2A5C78 color — Calypso
The color #2A5C78 is a dark shade and moderately saturated.
Palette
2A5C78 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(202,48%,97%) |
#e1edf4 |
rgb(225,237,244) |
hsl(202,48%,92%) |
#cee2ee |
rgb(206,226,238) |
hsl(202,48%,87%) |
#bbd7e7 |
rgb(187,215,231) |
hsl(202,48%,82%) |
#a8cce1 |
rgb(168,204,225) |
hsl(202,48%,77%) |
#95c1da |
rgb(149,193,218) |
hsl(202,48%,72%) |
#82b6d3 |
rgb(130,182,211) |
hsl(202,48%,67%) |
#70abcd |
rgb(112,171,205) |
hsl(202,48%,62%) |
#5d9fc6 |
rgb(93,159,198) |
hsl(202,48%,57%) |
#4a94bf |
rgb(74,148,191) |
hsl(202,48%,52%) |
#3e87b1 |
rgb(62,135,177) |
hsl(202,48%,47%) |
#38799f |
rgb(56,121,159) |
hsl(202,48%,42%) |
#316a8c |
rgb(49,106,140) |
hsl(202,48%,37%) |
#2a5c79 |
rgb(42,92,121) |
hsl(202,48%,32%) |
#244e66 |
rgb(36,78,102) |
hsl(202,48%,27%) |
#1d3f53 |
rgb(29,63,83) |
hsl(202,48%,22%) |
#173140 |
rgb(23,49,64) |
hsl(202,48%,17%) |
#10232d |
rgb(16,35,45) |
hsl(202,48%,12%) |
#09141a |
rgb(9,20,26) |
hsl(202,48%,7%) |
#030608 |
rgb(3,6,8) |
hsl(202,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7860 |
rgb(42,120,96) |
hsl(162,48%,32%) |
#2A5C78 |
rgb(42,92,120) |
hsl(202,48%,32%) |
#2C2978 |
rgb(44,41,120) |
hsl(242,49%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306B8B |
rgb(48,107,139) |
hsl(201,49%,37%) |
#2A5C78 |
rgb(42,92,120) |
hsl(202,48%,32%) |
#234D64 |
rgb(35,77,100) |
hsl(201,48%,26%) |
#1C4051 |
rgb(28,64,81) |
hsl(199,49%,21%) |
#15303E |
rgb(21,48,62) |
hsl(200,49%,16%) |
#0F212B |
rgb(15,33,43) |
hsl(201,48%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5C78 |
rgb(42,92,120) |
hsl(202,48%,32%) |
#782935 |
rgb(120,41,53) |
hsl(351,49%,32%) |
#786E2A |
rgb(120,110,42) |
hsl(52,48%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5C78 |
rgb(42,92,120) |
hsl(202,48%,32%) |
#78452A |
rgb(120,69,42) |
hsl(21,48%,32%) |
#2A786D |
rgb(42,120,109) |
hsl(172,48%,32%) |
#786E2A |
rgb(120,110,42) |
hsl(52,48%,32%) |