HEX #2A6177 color — Calypso
The color #2A6177 is a dark shade and moderately saturated.
Palette
2A6177 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(197,48%,97%) |
#e1eff4 |
rgb(225,239,244) |
hsl(197,48%,92%) |
#cee5ee |
rgb(206,229,238) |
hsl(197,48%,87%) |
#bbdbe7 |
rgb(187,219,231) |
hsl(197,48%,82%) |
#a8d1e1 |
rgb(168,209,225) |
hsl(197,48%,77%) |
#95c6da |
rgb(149,198,218) |
hsl(197,48%,72%) |
#82bcd3 |
rgb(130,188,211) |
hsl(197,48%,67%) |
#70b2cd |
rgb(112,178,205) |
hsl(197,48%,62%) |
#5da8c6 |
rgb(93,168,198) |
hsl(197,48%,57%) |
#4a9ebf |
rgb(74,158,191) |
hsl(197,48%,52%) |
#3e91b1 |
rgb(62,145,177) |
hsl(197,48%,47%) |
#38819f |
rgb(56,129,159) |
hsl(197,48%,42%) |
#31728c |
rgb(49,114,140) |
hsl(197,48%,37%) |
#2a6379 |
rgb(42,99,121) |
hsl(197,48%,32%) |
#245366 |
rgb(36,83,102) |
hsl(197,48%,27%) |
#1d4453 |
rgb(29,68,83) |
hsl(197,48%,22%) |
#173440 |
rgb(23,52,64) |
hsl(197,48%,17%) |
#10252d |
rgb(16,37,45) |
hsl(197,48%,12%) |
#09161a |
rgb(9,22,26) |
hsl(197,48%,7%) |
#030608 |
rgb(3,6,8) |
hsl(197,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A7859 |
rgb(42,120,89) |
hsl(156,48%,32%) |
#2A6177 |
rgb(42,97,119) |
hsl(197,48%,32%) |
#2A2E77 |
rgb(42,46,119) |
hsl(237,48%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#30708A |
rgb(48,112,138) |
hsl(197,48%,36%) |
#2A6177 |
rgb(42,97,119) |
hsl(197,48%,32%) |
#235263 |
rgb(35,82,99) |
hsl(196,48%,26%) |
#1C4250 |
rgb(28,66,80) |
hsl(196,48%,21%) |
#15333D |
rgb(21,51,61) |
hsl(195,49%,16%) |
#0F242A |
rgb(15,36,42) |
hsl(193,47%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6177 |
rgb(42,97,119) |
hsl(197,48%,32%) |
#77293A |
rgb(119,41,58) |
hsl(347,49%,31%) |
#77662A |
rgb(119,102,42) |
hsl(47,48%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6177 |
rgb(42,97,119) |
hsl(197,48%,32%) |
#77402A |
rgb(119,64,42) |
hsl(17,48%,32%) |
#2A7866 |
rgb(42,120,102) |
hsl(166,48%,32%) |
#77662A |
rgb(119,102,42) |
hsl(47,48%,32%) |