HEX #2A5460 color — Casal
The color #2a5460 is a dark shade and moderately saturated.
Palette
2a5460 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(193,39%,97%) |
#e3eff3 |
rgb(227,239,243) |
hsl(193,39%,92%) |
#d1e5eb |
rgb(209,229,235) |
hsl(193,39%,87%) |
#bfdbe3 |
rgb(191,219,227) |
hsl(193,39%,82%) |
#add1db |
rgb(173,209,219) |
hsl(193,39%,77%) |
#9cc7d3 |
rgb(156,199,211) |
hsl(193,39%,72%) |
#8abdcc |
rgb(138,189,204) |
hsl(193,39%,67%) |
#78b4c4 |
rgb(120,180,196) |
hsl(193,39%,62%) |
#67aabc |
rgb(103,170,188) |
hsl(193,39%,57%) |
#55a0b4 |
rgb(85,160,180) |
hsl(193,39%,52%) |
#4992a7 |
rgb(73,146,167) |
hsl(193,39%,47%) |
#418395 |
rgb(65,131,149) |
hsl(193,39%,42%) |
#3a7383 |
rgb(58,115,131) |
hsl(193,39%,37%) |
#326471 |
rgb(50,100,113) |
hsl(193,39%,32%) |
#2a5460 |
rgb(42,84,96) |
hsl(193,39%,27%) |
#22444e |
rgb(34,68,78) |
hsl(193,39%,22%) |
#1a353c |
rgb(26,53,60) |
hsl(193,39%,17%) |
#13252b |
rgb(19,37,43) |
hsl(193,39%,12%) |
#0b1619 |
rgb(11,22,25) |
hsl(193,39%,7%) |
#030607 |
rgb(3,6,7) |
hsl(193,39%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A6148 |
rgb(42,97,72) |
hsl(153,40%,27%) |
#2A5460 |
rgb(42,84,96) |
hsl(193,39%,27%) |
#2A3060 |
rgb(42,48,96) |
hsl(233,39%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#30616F |
rgb(48,97,111) |
hsl(193,40%,31%) |
#2A5460 |
rgb(42,84,96) |
hsl(193,39%,27%) |
#234750 |
rgb(35,71,80) |
hsl(192,39%,23%) |
#1C3841 |
rgb(28,56,65) |
hsl(195,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 |
#2A5460 |
rgb(42,84,96) |
hsl(193,39%,27%) |
#602939 |
rgb(96,41,57) |
hsl(343,40%,27%) |
#60522A |
rgb(96,82,42) |
hsl(44,39%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5460 |
rgb(42,84,96) |
hsl(193,39%,27%) |
#60362A |
rgb(96,54,42) |
hsl(13,39%,27%) |
#2A6151 |
rgb(42,97,81) |
hsl(163,40%,27%) |
#60522A |
rgb(96,82,42) |
hsl(44,39%,27%) |