HEX #2A5560 color — Casal
The color #2a5560 is a dark shade and moderately saturated.
Palette
2a5560 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(192,39%,97%) |
#e3eff3 |
rgb(227,239,243) |
hsl(192,39%,92%) |
#d1e6eb |
rgb(209,230,235) |
hsl(192,39%,87%) |
#bfdce3 |
rgb(191,220,227) |
hsl(192,39%,82%) |
#add2db |
rgb(173,210,219) |
hsl(192,39%,77%) |
#9cc8d3 |
rgb(156,200,211) |
hsl(192,39%,72%) |
#8abfcc |
rgb(138,191,204) |
hsl(192,39%,67%) |
#78b5c4 |
rgb(120,181,196) |
hsl(192,39%,62%) |
#67abbc |
rgb(103,171,188) |
hsl(192,39%,57%) |
#55a1b4 |
rgb(85,161,180) |
hsl(192,39%,52%) |
#4994a7 |
rgb(73,148,167) |
hsl(192,39%,47%) |
#418495 |
rgb(65,132,149) |
hsl(192,39%,42%) |
#3a7483 |
rgb(58,116,131) |
hsl(192,39%,37%) |
#326571 |
rgb(50,101,113) |
hsl(192,39%,32%) |
#2a5560 |
rgb(42,85,96) |
hsl(192,39%,27%) |
#22454e |
rgb(34,69,78) |
hsl(192,39%,22%) |
#1a353c |
rgb(26,53,60) |
hsl(192,39%,17%) |
#13262b |
rgb(19,38,43) |
hsl(192,39%,12%) |
#0b1619 |
rgb(11,22,25) |
hsl(192,39%,7%) |
#030607 |
rgb(3,6,7) |
hsl(192,39%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A6147 |
rgb(42,97,71) |
hsl(152,40%,27%) |
#2A5560 |
rgb(42,85,96) |
hsl(192,39%,27%) |
#2A3060 |
rgb(42,48,96) |
hsl(233,39%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#30636F |
rgb(48,99,111) |
hsl(191,40%,31%) |
#2A5560 |
rgb(42,85,96) |
hsl(192,39%,27%) |
#234750 |
rgb(35,71,80) |
hsl(192,39%,23%) |
#1C3B41 |
rgb(28,59,65) |
hsl(190,40%,18%) |
#152B31 |
rgb(21,43,49) |
hsl(193,40%,14%) |
#0F1F22 |
rgb(15,31,34) |
hsl(189,39%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5560 |
rgb(42,85,96) |
hsl(192,39%,27%) |
#60293A |
rgb(96,41,58) |
hsl(341,40%,27%) |
#604F2A |
rgb(96,79,42) |
hsl(41,39%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5560 |
rgb(42,85,96) |
hsl(192,39%,27%) |
#60362A |
rgb(96,54,42) |
hsl(13,39%,27%) |
#2A6150 |
rgb(42,97,80) |
hsl(161,40%,27%) |
#604F2A |
rgb(96,79,42) |
hsl(41,39%,27%) |