HEX #2A5462 color — Casal
The color #2A5462 is a dark shade and moderately saturated.
Palette
2A5462 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(195,40%,97%) |
#e2eff3 |
rgb(226,239,243) |
hsl(195,40%,92%) |
#d1e4eb |
rgb(209,228,235) |
hsl(195,40%,87%) |
#bfdae3 |
rgb(191,218,227) |
hsl(195,40%,82%) |
#add0dc |
rgb(173,208,220) |
hsl(195,40%,77%) |
#9bc6d4 |
rgb(155,198,212) |
hsl(195,40%,72%) |
#89bccd |
rgb(137,188,205) |
hsl(195,40%,67%) |
#77b1c5 |
rgb(119,177,197) |
hsl(195,40%,62%) |
#65a7bd |
rgb(101,167,189) |
hsl(195,40%,57%) |
#549db6 |
rgb(84,157,182) |
hsl(195,40%,52%) |
#4890a8 |
rgb(72,144,168) |
hsl(195,40%,47%) |
#408196 |
rgb(64,129,150) |
hsl(195,40%,42%) |
#397184 |
rgb(57,113,132) |
hsl(195,40%,37%) |
#316272 |
rgb(49,98,114) |
hsl(195,40%,32%) |
#295360 |
rgb(41,83,96) |
hsl(195,40%,27%) |
#22434f |
rgb(34,67,79) |
hsl(195,40%,22%) |
#1a343d |
rgb(26,52,61) |
hsl(195,40%,17%) |
#12252b |
rgb(18,37,43) |
hsl(195,40%,12%) |
#0b1519 |
rgb(11,21,25) |
hsl(195,40%,7%) |
#030607 |
rgb(3,6,7) |
hsl(195,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A614A |
rgb(42,97,74) |
hsl(155,40%,27%) |
#2A5462 |
rgb(42,84,98) |
hsl(195,40%,27%) |
#2A2E62 |
rgb(42,46,98) |
hsl(236,40%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#306171 |
rgb(48,97,113) |
hsl(195,40%,32%) |
#2A5462 |
rgb(42,84,98) |
hsl(195,40%,27%) |
#234752 |
rgb(35,71,82) |
hsl(194,40%,23%) |
#1C3842 |
rgb(28,56,66) |
hsl(196,40%,18%) |
#152B32 |
rgb(21,43,50) |
hsl(194,41%,14%) |
#0F1F23 |
rgb(15,31,35) |
hsl(192,40%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5462 |
rgb(42,84,98) |
hsl(195,40%,27%) |
#622938 |
rgb(98,41,56) |
hsl(344,41%,27%) |
#62542A |
rgb(98,84,42) |
hsl(45,40%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5462 |
rgb(42,84,98) |
hsl(195,40%,27%) |
#62382A |
rgb(98,56,42) |
hsl(15,40%,27%) |
#2A6154 |
rgb(42,97,84) |
hsl(166,40%,27%) |
#62542A |
rgb(98,84,42) |
hsl(45,40%,27%) |