HEX #2A5E78 color — Calypso
The color #2A5E78 is a dark shade and moderately saturated.
Palette
2A5E78 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(200,48%,97%) |
#e1eef4 |
rgb(225,238,244) |
hsl(200,48%,92%) |
#cee3ee |
rgb(206,227,238) |
hsl(200,48%,87%) |
#bbd8e7 |
rgb(187,216,231) |
hsl(200,48%,82%) |
#a8cee1 |
rgb(168,206,225) |
hsl(200,48%,77%) |
#95c3da |
rgb(149,195,218) |
hsl(200,48%,72%) |
#82b8d3 |
rgb(130,184,211) |
hsl(200,48%,67%) |
#70aecd |
rgb(112,174,205) |
hsl(200,48%,62%) |
#5da3c6 |
rgb(93,163,198) |
hsl(200,48%,57%) |
#4a98bf |
rgb(74,152,191) |
hsl(200,48%,52%) |
#3e8bb1 |
rgb(62,139,177) |
hsl(200,48%,47%) |
#387c9f |
rgb(56,124,159) |
hsl(200,48%,42%) |
#316d8c |
rgb(49,109,140) |
hsl(200,48%,37%) |
#2a5f79 |
rgb(42,95,121) |
hsl(200,48%,32%) |
#245066 |
rgb(36,80,102) |
hsl(200,48%,27%) |
#1d4153 |
rgb(29,65,83) |
hsl(200,48%,22%) |
#173240 |
rgb(23,50,64) |
hsl(200,48%,17%) |
#10232d |
rgb(16,35,45) |
hsl(200,48%,12%) |
#09151a |
rgb(9,21,26) |
hsl(200,48%,7%) |
#030608 |
rgb(3,6,8) |
hsl(200,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A785E |
rgb(42,120,94) |
hsl(160,48%,32%) |
#2A5E78 |
rgb(42,94,120) |
hsl(200,48%,32%) |
#2A2978 |
rgb(42,41,120) |
hsl(241,49%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306E8B |
rgb(48,110,139) |
hsl(199,49%,37%) |
#2A5E78 |
rgb(42,94,120) |
hsl(200,48%,32%) |
#234F64 |
rgb(35,79,100) |
hsl(199,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 |
#2A5E78 |
rgb(42,94,120) |
hsl(200,48%,32%) |
#782937 |
rgb(120,41,55) |
hsl(349,49%,32%) |
#786B2A |
rgb(120,107,42) |
hsl(50,48%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5E78 |
rgb(42,94,120) |
hsl(200,48%,32%) |
#78452A |
rgb(120,69,42) |
hsl(21,48%,32%) |
#2A786B |
rgb(42,120,107) |
hsl(170,48%,32%) |
#786B2A |
rgb(120,107,42) |
hsl(50,48%,32%) |